/* CSS Document */
/* MyNextPhase.com		*/



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

* {  /*global white space reset */
	padding: 0;
	margin: 0;
}
body {
	background-color:#d5e9c4;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}
body, td, th{
	font-family: Arial, Verdana  sans-serif;
	font-size: .8em;
	line-height: 1.3em;
}
a img{
  border:none;
}

form{
	margin: 10px;
	text-align:center;
}
.break{
	clear:both;
}
/*---------------------------------------------------*/
/** Header Footer Styles */

#globalWrapper{
	width:679px;
	margin:20px auto;
	padding: 0 0 0 0;
}
#headerWrapper{

}
#footerWrapper{
	padding-bottom:40px;
	background:url(../images/layout-footer.gif) no-repeat bottom left;
}
#contentWrapper{
	background:url(../images/layout-mid.gif) repeat-y bottom left;
}
#pageContent{
	margin:0;
	padding: 70px 30px 0 30px;
	background:url(../images/content-header.gif) no-repeat top left;
	text-align:center;
}
#footerNav{
	margin-top:10px;
	font-size:.9em;
}
#footerNav a{
	margin-right:20px;
	color:#000;
}
#footerNav a:hover{
	text-decoration:none;
}
h1{
	width:679px;
	height:130px;
	overflow:none;
}
h1 a{
	display:block;
	width:679px;
	height:128px;
	background:url(../images/up4retirement-header.gif) no-repeat top left;
	overflow:none;
	text-indent:-1000em;
	padding:0 0 5px 0;
	margin:0 0 -3px 0;
	text-decoration:none;
}
a.sponsor{
}

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

.introduction{
	font-size:1.35em;
	line-height:1.1em;
	margin:20px 0 0 0;
}
.introduction p{
	margin:1em 0 2em 0;
	padding:0;
	text-align:left;
}
.introduction h2{
	display:block;
	margin-left:17px;
	width:583px;
	height:28px;
	text-indent:-2000px;
	overflow:hidden;
	background:url(../images/h2-homeHeader.gif) no-repeat;
}
.introduction h3{
	margin-bottom:-18px;
	padding-top:15px;
	font-size:1em;
	text-align:left;
}
.introduction div.right{
	float:left;
	width:340px;
}
form.start{
	margin-left:255px;
}
.button{
	margin: 0 auto;
}
img.homePhoto{
	float:left;
	margin:0 10px 0 0;
}
img.status{
	margin: 0 0 10px 0;
	padding:0;
}
.calloutWrapper{
	margin:20px 10px 0 10px;
	padding:0;
	width:600px;
	height:110px;
	background:url(../images/bg_callout.jpg) repeat-x 0 4px;
}
.calloutWrapper div.callout{
	float:left;
	display:inline;
	margin:0 0 30px 20px;
	padding:14px 15px 0 20px;
	width:235px;
	font-size:.9em;
	background-color:#FFF;
	border-top:5px solid #D6D6D6;
	text-align:left;
}
.calloutWrapper div.callout a{
	padding-left:11px;
	color:#0772AA;
	background:url(../images/btn-arrow-blue.gif) no-repeat 1px 4px;
}
.calloutWrapper div.callout a:hover{
	text-decoration:none;
}
/*---------------------------------------------------*/
/** Questions Styles */
.instructions{
	text-align:left;
}
.questionNumber{
	font-weight:bold;
	float:left;
	width:2em;
	margin:0 .2em 0 0 ;
	text-align:right;
	text-align:left;
}
label.question{
	display:block;
	font-weight:bold;
	margin-left:2.2em;
	text-align:left;
}
.answerSet{
	margin: 0 0 30px 3em;
	text-align:left;
}
/*---------------------------------------------------*/
/** Results Styles */

h2{
	font-size:1.3em;
	margin:.5em 0;
}
p{
	margin: .5em 0;
}
div.thanks,
div.supertell,
div.result{
	border-bottom:12px solid #0871a9;
	margin:0 -30px;
	padding: 20px 50px;
	text-align:left;
}
div.information{
	padding: 20px 20px 0 20px;
	text-align:left;
}
div.information input{
	vertical-align:middle;
}
.emphasis{
	color:#0371a8;
	font-size:1.7em;
}
div.result h3,
div.result img{
	vertical-align:middle;
}
.resultGrade{
	color:#0371a8;
	font-size:1.2em;
	background:url(../images/icon-arrow.gif) no-repeat top left;	
	padding:3px 0 3px 30px;
}
.error{
	color:red;
	font-size:1.2em;
	font-weight:bold;
}
.success{
	color:#0371a8;
	font-size:1.2em;
	font-weight:bold;	
}