/* * {margin:0; padding:0; border:0;} taken out for survey home on 5-19-09 */
body {
	font-family: Calibri; /* font-family:Arial, Helvetica, sans-serif; // font-family: Calibri */
	font-size:16px;
	line-height:18px;
}
p {
	margin:5px 0 15px 0;
}
#topsection {
	width:1024px;/* stops reflow if browser is made smaller than this value - make sure it equals #ml width*/
}
#tl {/* top section left */
	width:897px;/* never change this */
	height:74px;/* never change this */
	float:left;
	background-image:url(../images/index04D_01.png);
	background-repeat:no-repeat;
}
#tm {/* top section middle */
	width:19px;/* adjust this value to match xxx */
	height:74px;/* never change this */
	float:left;
	background-image:url(../images/index04D_02.png);
	background-repeat:repeat-x;
}
#tr {/* top section right */
	width:108px;/* never change this */
	height:74px;/* never change this */
	float:left;
	background-image:url(../images/index04D_03.png);
	background-repeat:no-repeat;
}

#middlesection {/* middle section left */
	width:1024px;/* set this for content width then change #tm and #bm so this equals 108+tm width */
	height:1125px;
	float:left;
	position:relative;
	background-color:#fcfcfd;
	background-image:url(../images/index04D_07.png);
	background-repeat:repeat-y;
}
body#testimonialpg #middlesection {
	height:1220px;
}

#mr {/* middle section right */
	position:absolute;
	top:0;
	right:0;
	width:108px;/* never change this */
	height:100%;
	background-image:url(../images/index04D_06.png);
	background-repeat:repeat-y;
}
#bottomsection {
width:1024px;/* stops reflow if browser is made smaller than this value - make sure it equals #ml width*/
}
#bl {/* bottom section left */
	width:897px;/* never change this */
	height:74px;/* never change this */
	float:left;
	background-image:url(../images/index04D_13.png);
	background-repeat:no-repeat;
}
#bm {/* bottom section middle */
	width:19px;/* adjust this value to match 108 plus #ml */
	height:74px;/* never change this */
	float:left;
	background-image:url(../images/index04D_14.png);
	background-repeat:repeat-x;
}
#br {/* bottom section right */
	width:108px;/* never change this */
	height:74px;/* never change this */
	float:left;
	background-image:url(../images/index04D_15.png);
	background-repeat:no-repeat;
}
#contentwrapper {/* xxx */

	margin:0 128px 0 110px; 
}
#navigation {
	width:34px;
	height:837px;
	margin:0 0 0 17px;
	
}
#nav {
background:url(../images/tabs-sprite.png) no-repeat;
background-position:-34px 0; /* TM 4-7-10 Was background-position:-34px 0; */
width:34px;
height:831px;
margin:0;
padding:0;
position:relative;
}
#nav li {
	margin:0;
padding:0;
list-style:none;
position:absolute;
/*top:0;*/
}
/*#nav span {
	display:none;
}*/
#nav li, #nav a {
width:34px;
height:136px;
display:block;

}

li#nav1, #nav1 a {top:0;height:136px;}
li#nav2, #nav2 a {top:136px;height:136px;}
li#nav3, #nav3 a {top:272px;height:139px;}
li#nav4, #nav4 a {top:411px;height:127px;}
li#nav5, #nav5 a {top:539px;height:138px;}
li#nav6, #nav6 a {top:678px;height:145px;}
li#nav1 a:hover {background: transparent url(../images/tabs-sprite.png) 0 0 no-repeat;}
li#nav2 a:hover {background: transparent url(../images/tabs-sprite.png) 0 -136px no-repeat; }
li#nav3 a:hover {background: transparent url(../images/tabs-sprite.png) 0 -272px no-repeat; }
li#nav4 a:hover {background: transparent url(../images/tabs-sprite.png) 0 -411px no-repeat; }
li#nav5 a:hover {background: transparent url(../images/tabs-sprite.png) 0 -539px no-repeat; }
li#nav6 a:hover {background: transparent url(../images/tabs-sprite.png) 0 -678px no-repeat; }

body#homepg li#nav1, body#homepg #nav1 a {background: transparent url(../images/tabs-sprite.png) 0 0 no-repeat;}
body#aboutpg li#nav2, body#aboutpg #nav2 a {background: transparent url(../images/tabs-sprite.png) 0 -136px no-repeat;}
body#mysurveypg li#nav3, body#mysurveypg #nav3 a {background: transparent url(../images/tabs-sprite.png) 0 -272px no-repeat;}
body#consultingpg li#nav4, body#consultingpg #nav4 a {background: transparent url(../images/tabs-sprite.png) 0 -411px no-repeat;}
body#affiliatespg li#nav5, body#affiliatespg #nav5 a {background: transparent url(../images/tabs-sprite.png) 0 -539px no-repeat;}
body#contactpg li#nav6, body#contactpg #nav6 a {background: transparent url(../images/tabs-sprite.png) 0 -678px no-repeat;}
/*body#testimonialpg li#nav1, body#testimonialpg #nav1 a {background: transparent url(../images/tabs-sprite.png) 0 0 no-repeat;}
body#betterwaypg li#nav1, body#betterwaypg #nav1 a {background: transparent url(../images/tabs-sprite.png) 0 0 no-repeat;}*/

#innercontainer{
	/*background-image:url(images/big-background-art.png);*/
	/*background-repeat:no-repeat;
	background-position:112px -6px;
	position:relative;*/
}

#innertop{
	background-color:green;
}
#it1{
	width:500px;
	float:left;
	margin:139px 0 0 0;
	position:relative;
}

#it1 #avoidphoto {
	margin:10px -10px 10px 130px;
}

#it1 #underphoto {
	margin:10px -10px 10px 0px;
}

#it2{
	width:280px;
	height:500px;
	/*background-image:url(images/login-area.png);*/
	/*background-repeat:no-repeat;*/
	float:left;
	margin:62px 0 0 0;
}
#login {
	margin:10px 0 0 0px; /* margin:25px 0 0 108px; */
	line-height:16px;
}
#login p{
	font-size:11px;
	margin:0;
}
#news {
	margin:90px 14px 0 70px; /* Order top, right, bottom, and left  */
}
#innerbottom{
	clear:both;
	/*height:400px;*/
}
#ib4{
	margin:-450px 0 0 0; /* Order top, right, bottom, and left  */
	width:700px;
	float:left;
}
#ib3{
	margin:-25px 0 0 0; /* Order top, right, bottom, and left  */
	width:700px;
	float:left;
}
#ib1{
	margin:-190px 0 0 0; /* Order top, right, bottom, and left  */
	width:350px;
	float:left;
}
#ib2{
	width:290px;
	float:left;
	margin:-110px 0 0 130px; /* Order top, right, bottom, and left  */
}

.clear{
	clear:both;
}
#boxout1 {
	margin:0 0 0 40px; /* Order top, right, bottom, and left  */
}
#boxout1inner {
	margin:20px 0 0 40px;
	text-align:center;
}
#designelementsbg {/* this is where the backgrounds for each page go */
	background-repeat:no-repeat;
	width:100%;/* added to force IE6 to redraw bg */
	height:100%;
}
body#homepg #designelementsbg {/* home page bkgrd , was ../images/index-bkg3.gif on 11-18-09, new ../images/index-bkg4.png */
	background-image:url(../images/index-bkg7.png);
}
body#aboutpg #designelementsbg {/* about page bkgrd */
	background-image:url(../images/mysurvey-bkg.gif);
}
body#mysurveypg #designelementsbg {/* mysurvey page bkgrd */
	background-image:url(../images/mysurvey-bkg2.png); /* background-image:url(../images/mysurvey-bkg.gif); old background on 8/26/09 background-image:url(../images/contact-blank.jpeg); */
}
body#mysurveypg4 #designelementsbg {/* mysurvey page bkgrd */
	background-image:url(../images/mysurvey-bkg4.png); /* background-image:url(../images/mysurvey-bkg.gif); old background on 8/26/09 background-image:url(../images/contact-blank.jpeg); */
}
body#mysurveypg3 #designelementsbg {/* mysurvey page bkgrd */
	background-image:url(../images/mysurvey-bkg3.png); /* background-image:url(../images/mysurvey-bkg.gif); old background on 8/26/09 background-image:url(../images/contact-blank.jpeg); */
}
body#PostGradpg #designelementsbg {/* mysurvey page bkgrd */
	background-image:url(../images/mysurvey-bkg.png); /* background-image:url(../images/mysurvey-bkg.gif); old background on 8/26/09 background-image:url(../images/contact-blank.jpeg); */
}
body#consultingpg #designelementsbg {/* consulting page bkgrd */
	background-image:url(../images/consulting-bkg.gif);
}
body#affiliatespg #designelementsbg {/* affiliates page bkgrd */
	background-image:url(../images/affiliates-bkg.gif);
}
body#contactpg #designelementsbg {/* contact page bkgrd */
	background-image:url(../images/contact-bkg.gif); /*background-image:url(../images/contact-blank.gif); */
}
body#testimonialpg #designelementsbg {/* testimonial page bkgrd */
	background-image:url(../images/testimonial-bkg.gif);
}
body#betterwaypg #designelementsbg {/* betterway page bkgrd */
	background-image:url(../images/better-bkg.png);
}

/* consulting specific */
#consulting {
	padding:270px 50px 0 100px;
}
#consultboxout {
	background-image:url(../images/consult-bubble.gif);
	background-repeat:no-repeat;
	width:600px;
	height:350px;
	padding:20px 10px 10px 20px;
	float:left;
}
#consultbottom {
	width:860px;
	margin:10px 0 0 70px;
}
#consulttest {
	width:205px;
	text-align:center;
	float:left;
	margin:0 20px 0 0;
}
#consultboxout img{
	margin:0 0 8px 0;
}
#consultboxout p{
	margin:0 0 7px 0;
}
.consultcheckbox {
	background-image:url(../images/consult-check.png);
	background-repeat:no-repeat;
	padding:0 0 0 25px;
}
/* affiliate specific */
#affiliate {
	padding:300px 50px 0 80px;
}
#affiliate img {
	margin:0 0 15px 0;
}
#aff-boxout {
	margin:25px 0 0 100px;
	
}
.checkbox {
	background-image:url(../images/aff-checkbox.gif);
	background-repeat:no-repeat;
	height:30px;
	padding:1px 0 1px 30px;
}
/* contact specific */
#contact {
	padding:300px 50px 0 0px; /* Order top, right, bottom, and left before 2-26, was padding:300px 50px 0 80px; */
}
#contactleft {
	width:470px; /* Before 2-27, was width:390px; */
	float:left;
	padding:0 40px 0 10px;
}
#contactright {
	width:210px;
	float:left;
	padding:320px 0 0 0;
}
/* mysurvey specific */
#mysurveytop {
	
	background-image:url(../images/mysurvey-login.gif);
	background-position:right;
	background-repeat:no-repeat;
	/*padding:30px 50px 0 80px;*/
	height:120px;
}
#mysurveylinks {
	padding:10px 0 0 525px;
}
#mysurveymiddle {
	background:url(../images/mysurvey-bubble_noimage.gif) no-repeat 242px 0;
	/*margin:30px 0 0 0;
	padding:40px 0 0 51px;*/
	height:110px;
	margin: 20px 0 0 40px;
	padding: 55px 0 0;
	width: 100%;
	overflow: hidden;
}
#mysurveymiddle img {
	/*margin:0 6px 0 6px;*/
	margin: 0;
}
#mysurveytitle {
	background-image:url(../images/mysurvey-exploreTM.png);
	background-repeat:no-repeat;
	padding:60px 0 0 0; /* Order top, right, bottom, and left */
	height:0px; /* Growing this value */
}
#mysurveybottom {
	overflow-x: hidden;
	overflow-y: auto;
	height:875px; /* Growing this value */
}
#mylogin {
	width:180px;
	text-align:left;
	line-height:11px;
	padding:34px 0 0 600px;
}
#mylogin p{
	margin:2px;
}
/* testimonial specific */
#testimonial {
	padding:200px 50px 0 80px;
}
#testimonial p {
	background-image:url(../images/testimonial-balloon.gif);
	background-repeat:no-repeat;
	padding:0 0 5px 50px;
}
.quotes {
	font-style:italic;
}
/* about specific */

#abouttop {
	position:absolute;
	top:-17px;
	left:180px;
	background-image:url(../images/about-pencil.gif);
	background-repeat:no-repeat;
	width:679px;
	height:252px;
	
}
#aboutcontent {
	
	background-image:url(../images/about-lines.gif);
	background-repeat:no-repeat;
	background-position:50px 200px;
	width:701px;
	height:621px;
	padding:250px 0 0 40px;
}
#aboutleft {
	width:420px;
	float:left;
}

#aboutright{
	width:265px;
	padding:140px 0 0 10px;
	float:left;
}
.leftindent {
	margin:0 0 15px 40px;
}
#videotext {
	font-size:11px;
	position:relative;
	top:-16px;
	margin:0 0 0 16px;
}
#partnertext {
	margin:90px 0 16px 90px;
}
#boldsmall {
	font-weight:bold;
	font-size:10px;
	line-height:12px;
	margin:15px 15px 0 5px;
}
/* betterway specific */
#bettercontent {
	width:780px;
	height:1032px;
}
#freebutton {
	margin:275px 0 0 500px;
}
#chartbox {
            width:500px;
            height:550px;
            margin:20px 0 0 190px;
            overflow:auto; /* Changed from scroll by TM */
}
#chartbox table,#chartbox td {
	border:1px #666 solid;
}
#groupshot {
	background-image:url(../images/better-group.png);
	background-repeat:no-repeat;
	width:300px;
	height:200px;
	position:absolute;
	top:920px;
	left:30px;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}



.trynow {
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/trysp_rollvr.png) no-repeat;
white-space: nowrap;
display: block;
width: 300px;
height: 36px;
margin: 0px;
padding: 0px;
}
 
.trynow a {
display: block;
color: #000;
font-size: 11px;
width: 300px;height: 36px;
float: left;
text-decoration: none;
}
 
.trynow img {width: 300px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
 
.trynow a:hover img{visibility:hidden}
 
.trynow span {
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}


.taketour {
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/mysurvey-take_btn02.gif) no-repeat;
white-space: nowrap;
display: block;
width: 233px;
height: 40px;
margin: 0px;
padding: 0px;
left: 200px;
}

.taketour a {
display: block;
color: #000;
font-size: 11px;
width: 233px;height: 40px;
float: left;
text-decoration: none;
}
 
.taketour img {width: 233px; height: 40px; border: 0; }
* html a:hover {visibility:visible}
 
.taketour a:hover img{visibility:hidden}
 
.taketour span {
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}


.taketour2 {
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/mysurvey-take_btn02.gif) no-repeat 0 0;/* conway feb 3 mod added "6px 0" */
white-space: nowrap;
display: block;
width: 233px;/* conway feb 3 mod changed from 233 to "239px" */
height: 40px;
margin: 0 6px 0 6px;
padding: 0;
float: left;
}

.taketour2 a {
display: block;
color: #000;
font-size: 11px;
width: 233px; height: 40px;
float: left;
text-decoration: none;
}
 
.taketour2 img {width: 233px; height: 40px; border: 0; margin-left: 0; padding-left: 0;}
* html a:hover {visibility:visible}
 
.taketour2 a:hover img{visibility:hidden}
 
.taketour2 span {
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}


.taketour3 {
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/mysurvey-take_btn02.gif) no-repeat;
white-space: nowrap;
display: block;
width: 233px;
height: 40px;
margin: 0px;
padding: 0px;
}

.taketour3 a {
display: block;
color: #000;
font-size: 11px;
width: 233px;height: 40px;
float: right;
text-decoration: none;
}
 
.taketour3 img {width: 233px; height: 40px; border: 0; }
* html a:hover {visibility:visible}
 
.taketour3 a:hover img{visibility:hidden}
 
.taketour3 span {
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}


.createone {
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/mysurvey-create_btn02.gif) no-repeat 0 0;
white-space: nowrap;
display: block;
width: 190px;
height: 40px;
margin: 0px 6px;
padding: 0px;
float: left;

}

.createone a {
display: block;
color: #000;
font-size: 11px;
width: 190px;height: 40px;
float: left;
text-decoration: none;
}
 
.createone img {width: 190px; height: 40px; border: 0; }
* html a:hover {visibility:visible}
 
.createone a:hover img{visibility:hidden}
 
.createone span {
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}



.about-not {
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/about-not02.gif) no-repeat 0 0;
white-space: nowrap;
display: block;
width: 260px;
height: 38px;
margin: 0px 6px;
padding: 0px;
float: left;
}

.about-not a {
display: block;
color: #000;
font-size: 11px;
width: 260px;height: 38px;
float: left;
text-decoration: none;
}
 
.about-not img {width: 260px; height: 38px; border: 0; }
* html a:hover {visibility:visible}
 
.about-not a:hover img{visibility:hidden}
 
.about-not span {
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}



.compare-now {
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/compare_btn02.gif) no-repeat 0 0;
white-space: nowrap;
display: inline;
width: 285px;
overflow: hidden;
height: 124px;
position: relative;
top: 50px;
left: 500px;
margin: 0px 0 0 0;
padding: 0px;
float: left;
clear: right;
}

.compare-now a {
display: inline;
color: #000;
font-size: 11px;
width: 301px;
overflow: hidden;
height: 124px;
float: left;
text-decoration: none;
}
 
.compare-now img { border: 0; }
* html a:hover {visibility:visible}
 
.compare-now a:hover img{visibility:hidden}
 
.compare-now span {
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}



.getstartedtoday {
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/ViewProgramList_rollvrTM.png) no-repeat;
white-space: nowrap;
display: block;
width: 171px;
height: 36px;
margin: 0px;
padding: 0px;
}
 
.getstartedtoday a {
display: block;
color: #000;
font-size: 11px;
width: 171px;height: 36px;
float: left;
text-decoration: none;
}
 
.getstartedtoday img {width: 171px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
 
.getstartedtoday a:hover img{visibility:hidden}
 
.getstartedtoday span {
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}



.startonenow {
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/startonenow_rollvr.png) no-repeat;
white-space: nowrap;
display: block;
width: 154px;
height: 36px;
margin: 0px;
padding: 0px;
}
 
.startonenow a {
display: block;
color: #000;
font-size: 11px;
width: 154px;
height: 36px;
float: left;
text-decoration: none;
}
 
.startonenow img {width: 154px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
 
.startonenow a:hover img{visibility:hidden}
 
.startonenow span {
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

.getstarted {
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/get_started_btn_rollvr.gif) no-repeat;
white-space: nowrap;
display: block;
width: 165px;
height: 63px;
  margin-left: auto;
  margin-right: auto;padding: 0px;
}
 
.getstarted a {
display: block;
color: #000;
font-size: 11px;
width: 165px;
height: 63px;
float: left;
text-decoration: none;
}
 
.getstarted img {width: 165px; height: 63px; border: 0;  margin-left: auto;
  margin-right: auto; }
* html a:hover {visibility:visible}
 
.getstarted a:hover img{visibility:hidden}
 
.getstarted span {
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}



.learnmore {
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/learn_more_btn_rollvr.png) no-repeat;
white-space: nowrap;
display: block;
width: 171px;
height: 36px;
  margin-left: auto;
  margin-right: auto;padding: 0px;
}
 
.learnmore a {
display: block;
color: #000;
font-size: 11px;
width: 171px;
height: 36px;
float: left;
text-decoration: none;
}
 
.learnmore img {width: 171px; height: 36px; border: 0;  margin-left: auto;
  margin-right: auto; }
* html a:hover {visibility:visible}
 
.learnmore a:hover img{visibility:hidden}
 
.learnmore span {
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}




.aboutsignup {
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/sign_up_now_btn02.gif) no-repeat;
white-space: nowrap;
display: block;
width: 177px;
height: 40px;
  margin-left: auto;
  margin-right: auto;padding: 0px;
}
 
.aboutsignup a {
display: block;
color: #000;
font-size: 11px;
width: 177px;
height: 40px;
float: left;
text-decoration: none;
}
 
.aboutsignup img {width: 177px; height: 40px; border: 0;  margin-left: auto;
  margin-right: auto; }
* html a:hover {visibility:visible}
 
.aboutsignup a:hover img{visibility:hidden}
 
.aboutsignup span {
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
#headlineTop {
	font-family: "Comic Sans MS", cursive;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
}

.pretty-table
{
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  border: 1px solid #333;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  color: #000;

}


.pretty-table th, .pretty-table td
{
  border: 1px dotted #666;
  padding: 1.5em;
  text-align: left;
 /*  color: #632a39; */
}

.pretty-table th[scope=col]
{
  color: #000;
  background-color: #DFDFDF;
  text-transform: uppercase;
  font-size: 0.9em;
  border-bottom: 2px solid #333;
  border-top: 2px solid #333;
  border-right: 1px solid #333;
  vertical-align: middle;
}

.pretty-table th+th[scope=col]
{
/*   color: #fff; */
  background-color: #3399FF;
  border-right: 1px solid #666;
}

.pretty-table th[scope=row]
{
/*   background-color: #b8cfe5; */
  border-right: 1px solid #333;
}

.pretty-table tr.alt th, .pretty-table tr.alt td
{
/*   color: #2a4763; */
}

/*
.pretty-table tr:hover th[scope=row], .pretty-table tr:hover td
{
  background-color: #632a2a;
  color: #fff;
}
*/

#SurveyHomeWrapper {/* xxx */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;

	BORDERCOLOR=Black;

	margin:10px 0 0 50px;
	/* padding:300px 50px 0 0px; /* Order top, right, bottom, and left before 2-26, was padding:300px 50px 0 80px; */
}

#SurveyHomemiddlesection {/* middle section left */
	width:1024px;/* set this for content width then change #tm and #bm so this equals 108+tm width */
	height:1000px;
	float:left;
	position:relative;
	/* background-color:#fcfcfd; */
	background-image:url(../images/index04D_07c.png);
	background-repeat:repeat-y;
}

