/* ---- HOME -------------------------*/

.home #column-main { width: 344px; position: relative; margin-right: 0; float: left; }
.home #column-side { width: 364px; float: left; background: url(../../images/g_hpback.gif) no-repeat right top; padding: 0; }
h1#slogan { background: url(../../images/h_hpslogan.gif) no-repeat; width: 708px; height: 33px; text-indent: -9000em; overflow: hidden; }

.home #column-side h3 {
	background: url(../../images/h_hptrack.gif) no-repeat; text-indent: -9000em; overflow: hidden; 
	width: 302px; height: 17px; margin: 20px 0 5px 20px;
}
.home #column-side ul { margin: 0 20px 7px 40px; }
.home #column-side ul li { background: url("../../images/icon_circlebullet.gif") no-repeat left center; padding-left: 20px; margin-bottom: 2px; }

#signup { background-image: url(../../images/button_hpcool.gif); width: 344px; height: 78px; }
#signup h4 { display: none; }
#signup a { width: 344px; height: 78px; text-decoration: none;	}

.home #features {list-style: none; margin: 20px 0; padding: 0; height: 1%; /* IE HACK */ }
.home #features li { width: 344px; float: left; background: none; padding: 0; margin: 0 20px 35px 0; border: 0px solid red; }
.home #features li.alternate { margin-right: 0; }
.home #features li img { margin-right: 15px; float: left; }
.home #features li p { font-size: .9em; }
* html .home #content { height: 1%; /* IE HACK */} 

#signup2 { background-image: url(../../images/button_imsold.gif); width: 298px; height: 92px; }
#signup2 h4 { display: none; }
#signup2 a { width: 298px; height: 92px; text-decoration: none; }

#questions { margin-top: 0; border: 0px solid red; }
#questions h2 { background-repeat: no-repeat; text-indent: -9000em; overflow: hidden; width: 241px; height: 21px; }
.home h2#what { background-image: url(../../images/h_whatisit.gif); }
.home h2#work { background-image: url(../../images/h_howwork.gif); }
.home h2#cost { background-image: url(../../images/h_howcost.gif); }
#questions p { margin-left: 25px; }

#signup3 { float: right; margin-left: 40px; background-image: url(../../images/button_okay.gif); width: 264px; height: 95px; }
#signup3 h4 { display: none; }
#signup3 a { width: 263px; height: 94px; text-decoration: none; }

.home #banner { margin-top: 20px; background-image: url("../../images/banner_max.gif"); width: 708px; height: 115px; }

/* ---- ABOUT --------------------------------- */

.aboutus #content { /*margin-top: 3em;*/ }
.aboutus p { line-height: 1.6em; }

h1#ourstory {
 	background: url(../../images/h_ourstory.gif) no-repeat; text-indent: -9000em; overflow: hidden; 
	width: 222px; height: 24px;  
}
h1#theteam {
 	background: url(../../images/h_theteam.gif) no-repeat; text-indent: -9000em; overflow: hidden; 
	width: 222px; height: 19px;  margin-top: 1em;
}
h1#contactus {
 	background: url(../../images/h_contactus.gif) no-repeat; text-indent: -9000em; overflow: hidden; 
	width: 222px; height: 19px;  margin-top: 1em;
}

.aboutus .mochibot { float: right; margin-left: 2em; margin-bottom: .8em; margin-right: .5em; }

.aboutus .mochimember { margin-bottom: 1em; border: 1px solid white; }
.aboutus .mochimember .pic { float: left; }
.aboutus .mochimember .bio { margin-left: 120px; font-size: .9em; }
.aboutus .mochimember .bio p { margin:0; }

h2#jameson {
 	background: url(../../images/h_jameson.gif) no-repeat; text-indent: -9000em; overflow: hidden; 
	width: 222px; height: 19px;
}
h2#bob {
 	background: url(../../images/h_bob.gif) no-repeat; text-indent: -9000em; overflow: hidden; 
	width: 222px; height: 19px;
}
h2#ryan {
 	background: url(../../images/h_ryan.gif) no-repeat; text-indent: -9000em; overflow: hidden; 
	width: 222px; height: 19px;
}

.aboutus form { float: left; border-right: 1px solid #ccc; margin-right: 40px; width: 395px; position: relative; }
.aboutus form #name, .aboutus form #email, .aboutus form #message { width: 345px; margin-bottom: 1em; }
.aboutus form #name {  }
.aboutus form #email {}
.aboutus form #message { height: 200px; }



/* ---- BETA PAGE ------------------------------ */

.beta h1#pagetitle {
 	background-image: url(../../images/h_betaprogram.gif); margin-bottom: .3em;
}

.beta form  { float: left; border-right: 1px solid #ccc; width: 355px; margin-right: 40px; position: relative; }
.beta form #name, .beta form #website, .beta form #email, .beta form #referrer { width: 300px; margin-bottom: 1em; }
.beta form #referrer { height: 100px; }

/* ---- PRICING & SIGNUP ----------------------*/
 
h1#account { 
 	background: url(../../images/h_account.gif) no-repeat; text-indent: -9000em; overflow: hidden; 
	width: 222px; height: 19px;  
	float: left;
	margin-bottom: .4em;
}

h2#minutes {
	background: url(../../images/h_fewminutes.gif) no-repeat bottom left; text-indent: -9000em; overflow: hidden; 
	width: 202px; height: 24px;
	position: relative;	
	float: right;
}

#free {  }
#free div#title h2, #mini h2, #mega h2, #mondo h2 { text-indent: -9000em; overflow: hidden; margin-right: 10px; }
#free div#title { width: 162px; margin-left: 20px; margin-top: 10px; float: left; display: inline; /*IE dbl marg hack */ }
#free div#title div { margin: 0; margin-left: 27px; float: none; width: auto; }
#free div#title h2 { background: url(../../images/h_afree.gif) no-repeat; width: 71px; height: 22px; }

.pricing .error-panel { float: right; width: 417px; }

table.form { 
	width: 485px; 
	padding: 10px 0px 0px 0px;
	float: right; 
	margin: .7em 0em;
	font-size: .9em; 
	background: url(../../images/s_tableback.gif) no-repeat; 
	position: relative;
} 
table.form th { text-align: left; color: #4B4545; padding-left: 20px; white-space: nowrap;  }
table.form td, table.form th {  background: transparent; /* Ie Hack */ }

table.form td { text-align: left; padding-left: 20x;}
table.form td input.textbox { width: 130px; }
table.form td input { margin-right: 0px; }
table.form tfoot td { padding: 40px 0px 0px; text-align: right; }
table.form tr.error input { border: 1px solid red;  }
table.form tr.error th { color: #DF2020;   }

#mini, #mega, #mondo { padding: .5em 0em 0em; margin: .3em 0em .7em;  position: static; /* IE hack */ display: inline; /*IE dbl marg hack */ }     
#mini div, #mega div, #mondo div { margin-left: 27px; clear: both; }
#mini hr, #mega hr, #mondo hr { margin: .8em 0em; }
#mini h2, #mega h2, #mondo h2 { margin-bottom: .2em; }

		
#mini { float: left; border-right: 1px solid #c2c2c2; width: 203px; margin-left: 20px; padding-right: 20px; }
#mini h2 { background: url(../../images/h_amini.gif) no-repeat; width: 72px; height: 22px; float: left; }

#mega { float: left; border-right: 1px solid #c2c2c2; width: 203px; margin-left: 20px; padding-right: 20px; }
#mega h2 { background: url(../../images/h_amega.gif) no-repeat; width: 88px; height: 23px; float: left; }

#mondo { float: left; width: 203px; margin-left: 20px; }
#mondo h2 { background: url(../../images/h_amondo.gif) no-repeat;	width: 103px; height: 22px; float: left; }

.gimme { 
	display: block; 
	background: url(../../images/button_soon.gif) no-repeat; 
	width: 101px; height: 21px; 
	text-indent: -9000em; overflow: hidden;
	float: right; 
	margin: .4em 0em 1em;	
}

#pricing { margin-left: 21px; margin-top: 1.6em; }
h1#qanda { 
 	background: url(../../images/h_qanda.gif) no-repeat; text-indent: -9000em; overflow: hidden; 
	width: 185px; height: 18px;	  
}

/* ---- TOUR ---------------------------- */

.tour #pagetitle { margin-bottom: .5em; height: 23px; margin-top: .2em; }

.tour #tourmenu { 
	background: url(../../images/g_tmenu1.gif) no-repeat top center; 
	padding: 6px 0 0; width: 391px; float: right; position: relative; 
}
.tour #tourmenu ul { 
	margin: 0; padding: 2px 0 0px; font-size: .85em; 
	background: url(../../images/g_tmenu2.gif); width: 391px; text-align: center; 
}
.tour #tourmenu li.first { padding-left: 0; }
.tour #tourmenu li { background: none; padding: 0 .5em 0 .1em; display: inline; border-right: 1px solid #aaa; }
* html .tour #tourmenu li { padding: 0 .3em 0 .6em; } /* IE HACK */
.tour #tourmenu li a { font-weight: bold; text-decoration: none; }
.tour #tourmenu li.last { border-right: none; padding-right: 0; }
.tour #tourmenu div { background: url(../../images/g_tmenu3.gif) no-repeat bottom center; height: 6px; font-size: 1px; }
.tour #tourmenu li.active {  }

.tour #screenshot { margin-bottom: 1em; }

.tour #features { list-style: none; margin: 2em 0 0; }
.tour #features li { background: none; padding: 0; float: left; width: 344px; margin: 0 20px 35px 0;  }
.tour #features li.alternate { margin-right: 0;  }
.tour #features li img { float: left; }
.tour #features li p { margin-left: 151px; font-size: .9em; }

.tour #next { 
	float: right; width: 300px; height: 25px; 
	font-weight: bold; font-size: 1.3em; text-align: right; 
	margin-top: 1em; position: static;
}
.tour #ready { 
	background-image: url(../../images/button_ready.gif); 
	width: 263px; height: 66px; display: block; 
	text-decoration: none;
}

.t-dash #pagetitle { background-image: url(../../images/h_tourdash.gif); width: 184px; }
.t-swf #pagetitle { background-image: url(../../images/h_tourswf.gif); width: 184px; }
.t-host #pagetitle { background-image: url(../../images/h_tourhost.gif); width: 204px; }
.t-traffic #pagetitle { background-image: url(../../images/h_tourtraffic.gif); width: 215px; }
.t-forum #pagetitle { background-image: url(../../images/h_tourforum.gif); width: 184px; }
 
/* ---- REGISTRATION ------------------ */

.register #content h1 { margin-bottom: .2em; }
.register #content hr { margin: 0em; }

.register .m-s #column-main { float: none; clear: both;  }
.register .m-s #column-side { float: none; clear: both; margin: 0; }


.register table.form { float: none; display: block; margin-left: 160px; margin-bottom: 3em; }

.register #column-main h2 { float: left; }
.register #column-side h2 { float: left; }


/* ---- LOGIN ------------------------- */

.login #column-side { width: 200px; }
h1#login {background: url(../../images/h_login.gif) no-repeat; text-indent: -9000em; overflow: hidden; width: 67px; height: 24px; }
.login #loginform { background: url(../../images/g_2col.gif) no-repeat; padding: 1em; }
.login #forgot { margin-left: 1em; }
.login #login { margin-top: 1em; }
.login #newaccount { float: left; width: 200px;  }
.login #demo div { background: #FFFFE0; padding: .5em; border: 1px solid #F4F48A; line-height: 1.5em; }


.login #mochipass { width: 385px; float: left; background: url("../../images/g_mochipasstop.gif") no-repeat top left; padding-top: 131px; }
.login #mochipass .wrapper { background: url("../../images/g_mochipassbot.gif") no-repeat bottom left; padding-bottom: 20px; position: relative; }
.login #mochipass form { background: url("../../images/g_mochipassmiddle.gif") repeat-y;  margin: 0 0 0 0; padding: 0 0 0 50px; }
.login #mochipass form div.fieldset { position: relative; top: -15px; }
.login #mochipass label { display: block; font-weight: normal; font-size: .9em; }
.login #mochipass #email { margin-bottom: 5px; }
.login #mochipass #password { float: left; margin-right: 5px; }
.login #mochipass #b-login { width: 50px; }
.login #mochipass #rememberme { font-size: .8em; font-weight: normal; margin: 2px 0 0 0; }
.login #mochipass input.textbox { display: block; width: 180px; margin-bottom: 4px; }
.login #mochipass .actions { margin: 5px 0 0 52px; }

.login #mochipass #password { position: relative; }

/* ---- 404 --------------------------- */

.p404 #column-main { width: 350px !important; margin: 0; margin-right: 8px !important;  } 
.p404 #column-side { width: 270px !important; padding: 20px 0px 0px 60px; }

.p404 #column-side ul { padding-top: .6em; margin-left: 0; }

/* ---- FORGOT PASSWORD ---------------------------- */

.forgot-password #pagetitle { background-image: url(../../images/h_forgotpassword.gif); width: 235px; margin-bottom: .5em; height: 25px; margin-top: .2em; }

/* ---- SITEMAP ---------------------------- */

.sitemap #pagetitle { background-image: url(../../images/h_sitemap.gif); width: 92px; margin-bottom: .5em; height: 25px; margin-top: .2em; }

/* ---- TERMS OF SERVICE ---------------------------- */

.tos #pagetitle { background-image: url(../../images/h_tos.gif); width: 182px; margin-bottom: .5em; height: 21px; margin-top: .2em; }

/* ---- RESET PASSWORD ---------------------------- */

.reset-password #pagetitle { background-image: url(../../images/h_resetpassword.gif); width: 273px; margin-bottom: .5em; height: 21px; margin-top: .2em; }

/* ---- VERIFY EMAIL ---------------------------- */

.verify #pagetitle { background-image: url(../../images/h_verify.gif); width: 273px; margin-bottom: .5em; height: 24px; margin-top: .2em; }

/* ---- PRIVACY POLICY ---------------------------- */

.privacy #pagetitle { background-image: url(../../images/h_privacy.gif); width: 151px; margin-bottom: .5em; height: 25px; margin-top: .2em; }

/* ---- LOGOUT ---------------------------- */

.logout #pagetitle { background-image: url(../../images/h_logout.gif); width: 78px; margin-bottom: .5em; height: 25px; margin-top: .2em; }

/* ---- SYSTEM MAINTENANCE ------------------------- */

.maintenance #pagetitle { background-image: url(../../images/h_system_maintenance.gif); margin-bottom: .5em; margin-top: .2em; }

/* ---- UNSUBSCRIBE ---------------------------- */

.unsubscribe #pagetitle { background-image: url(../../images/h_unsubscribe.gif); width: 142px; margin-bottom: .5em; height: 22px; margin-top: .2em; }

/* ---- INTERCEPT ---------------------------- */

.intercept #started { border-top: 1px solid #eee; padding-top: 15px; margin-top: 30px;}
.intercept .doit-submit { margin-top: 10px; }
.intercept ul { margin: 0 0 30px; }
.intercept strong { color: #4B4545; }
.intercept h4 { margin: 0 0 .5em; }