

*
	{padding:0;
	margin:0;}

body
	{width:650px;
	margin:0 auto;}

/* ---------------------- Styles header and navigation links -------------------------- */

p#skiplink
	{padding:0.5em 0 0 50px;}

p#skiplink a
	{padding-right:18px;}

div#header
	{position:relative;
	height:5em;
	top:0;
	margin:0 auto;}

div#header ul
	{text-align:center;
	padding:0;
	margin:0 auto;}

div#header li
	{display:inline;
	margin:0 auto;}

div#header li a
	{white-space:nowrap;
	text-align:center;
	padding:0.1em 0.5em 0.1em 0.3em;}

a#bookmark
	{position:absolute;
	top:-1.3em;
	right:50px;
	padding-left:18px;}

div#header p.confirm
	{text-align:center;
	padding:0.2em;
	margin:0.3em 0;}

/* ----------------------------- headings --------------------------- */

h1#content
	{height:33px;
	text-align:center;
	padding-top:11px;
	margin-bottom:1em;}

h2#stepno
	{width:50px;
	float:right;
	white-space:nowrap;
	margin:-3.8em 1.2em 0 0;}

/* ----------------------------- maincontent --------------------------- */

div#maincontent
	{float:left;
	min-height:265px;
	width:570px;
	padding:1em 15px 0;
	margin:0 25px;}

div#maincontent h3
	{padding-bottom:0.3em;
	margin-bottom:0.3em;}

div#maincontent h4
	{padding-bottom:0.3em;
	margin:1em 0 0.3em;}

div#maincontent p
	{clear:both;
	margin:0.5em 0 1em;}

div#maincontent p.warning,
div#maincontent p.confirm
	{padding:0.5em;}

div#maincontent ul
	{margin:1em 2em 0;}

div#maincontent ol
	{list-style-position:inside;
	margin:1em 0 0;}

div#maincontent ul+h4
	{margin-top:2em;}

div#maincontent li
	{padding-left:10px;
	margin:1em 0;}

img.standalone
	{display:block;
	margin:0 auto;}

/* ----------------------------- maincontent on title pages --------------------------- */

body.title div#maincontent
	{width:600px;
	padding:0;}

body.title div#maincontent p
	{width:460px;
	text-align:center;
	margin:1em auto;}

/* ------------------------- end links and footer --------------------------- */

ul#backnextlinks
	{clear:both;
	height:33px;
	width:600px;
	padding:45px 0 10px;
	margin:0 25px;}

ul#backnextlinks li
	{float:right;
	width:100px;
	height:33px;
	text-align:center;
	padding:6px 0;}

ul#backnextlinks li a
	{float:right;
	width:105px;
	line-height:33px;}

p#copyright
	{text-align:right;
	padding:35px 2.3em 1em;}

/* ------------------------- end links and footer on title pages--------------------------- */

body.title h2#tagline
	{position:relative;
	top:2.5em;
	clear:both;
	text-align:right;
	margin:0 140px -3.8em 0;}

/* ----------------------------- faked email --------------------------- */

div.email
	{clear:both;
	margin:1em;}

div.emailheader
	{padding:0 0.2em 0.5em;}

div.emailheader p
	{position:relative;
	margin:1em 0 0 0.5em;}

div.emailheader p span
	{position:absolute;
	left:4.5em;}

div.emailbody
	{padding:0.5em;}

div.emailbody p
	{margin:0.5em 0;}

/* ----------------------------- faked inbox --------------------------- */

table.inbox
	{margin:0 auto;}

table.inbox th,
table.inbox td
	{padding:0.3em;}

/* ----------------------------- Form stylin' --------------------------- */

form#srswitch
	{height:0;
	width:0;
	text-indent:-10000px;
	padding:0;
	margin:0;}

div#maincontent form input.text
	{line-height:25px;
	padding:0.1em;}

div#maincontent form input.numeric
	{width:150px;}

div#maincontent form input.numeric
	{width:75px;}

div#maincontent form fieldset.radioset label
	{display:block;
	margin-left:2em;}

div#maincontent form fieldset.radioset label input
	{vertical-align:middle;
	margin:0.5em;}

div#maincontent form input.submit
	{display:block;
	height:50px;
	width:180px;
	clear:left;
	margin:1em auto -0.5em;}

/* ----------------------------- Actionplan forms --------------------------- */

div#maincontent form.actionplan input.text
	{width:175px;
	margin:0 7px 7px 0;}

/* ----------------------------- other forms --------------------------- */

div#maincontent form.surveyform label,
div#maincontent form.inlesson label
	{position:relative;
	display:block;
	padding-right:150px;
	margin:0.5em 0 1em;}

div#maincontent form.surveyform label input.text,
div#maincontent form.inlesson label input.text
	{position:absolute;
	left:450px;}

div#maincontent form.surveyform label input.long,
div#maincontent form.inlesson label input.long
	{position:absolute;
	left:400px;}

/* ----------------------------- final buy link --------------------------- */

a#buylink
	{display:block;
	margin-top:1.5em;}

a#buylink img
	{display:block;
	margin:0 auto;}