/* ============= */
/* = RESET CSS = */
/* ============= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a {
	color:#558563;
	font-weight:bold;
	text-decoration:none;
}

strong {
	font-weight:bold;
}

/* ============ */
/* = MAIN CSS = */
/* ============ */
body {
	background:#558563;
	color:#898989;
	text-align:center;
}

div.container, div.footer {
	width:946px;
	margin:0 auto;
	text-align:left;
}

div.container {
	background:url(/images/bkg-mid.gif) top left repeat-y;	
	margin-top:30px;
}

div.header {
	width:946px;
	height:245px;
	overflow:hidden;
	background:url(/images/header.gif) -1px 0 no-repeat;
}

div.staticpage div.header {
	background:url(/images/staticheader.gif) 4px 0 no-repeat;
	height:175px;
}

div.userpage div.header {
	background:url(/images/innermasthead.gif) 4px 0 no-repeat;
	height:175px;
}

div.mid {
	width:946px;
	background:url(/images/footer.gif) bottom left no-repeat;
	position:relative;
	padding:0 0 180px 0;
}

div.footer , div.header {
	position:relative;
}

div.header div.desc {
	position:absolute;
	top:108px;
	right:52px;
	width:545px;
	height:134px;
}

div.header h2.title {
	height:128px;
	left:71px;
	position:absolute;
	top:35px;
	width:170px;
}

div.staticpage div.header h2.title {
	height:51px;
	left:33px;
	position:absolute;
	top:22px;
	width:227px;	
}

div.header h2.title a {
	display:block;
	overflow:hidden;
	text-indent:-1000em;
	width:170px;
	height:128px;
}

div.staticpage div.header h2.title {
	width:227px;
	height:51px;
}

div.staticpage div.header h2.title a  {
	width:227px;
	height:51px;
}
div.header div.user {
	position:absolute;
	left:318px;
	top:20px;
	width:576px;
}

div.header div.user p.email, div.header div.user p.password {
	float:left;
	width:280px;
	line-height:18px;	
}

div.header div.user .input-submit {
	line-height:18px;
	position:absolute;
	top:4px;
	right:0;
	width:55px;
}

div.header div.user button.login {
	color:#acd373;
	background:none;
	border:0;
	padding:10px 0 0 0;
	margin:0;
	border-bottom:1px solid #acd373;
	width:50px;
	float:right;
	display:inline;
}

div.header div.user p.password {
	width:230px;

}

div.header div.user p.password a.forgot {
	margin-left:70px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

div.staticpage div.header span.links, div.userpage div.header span.links {
	display:block;
	left:127px;
	position:absolute;
	top:46px;
	font-size:12px;
	font-weight:normal;
	color:#a0e047;
}

div.staticpage div.header span.links a, div.userpage div.header span.links a {
	font-weight:normal;
	color:#fff;
}
div.mid div.step {
	margin:0 0 0 15px;
	width:911px;
	border:1px solid #e9ead7;
	background:url(/images/slantbkg.gif) top left repeat;
}

div.mid div.step1 p, div.mid div.step3 p {
	padding:54px 0 52px 85px;
	background:url(/images/1.gif) 3% 50% no-repeat;
	position:relative;
}

div.mid div.step1 p button.join {
	background:transparent url(/images/join.gif) no-repeat scroll left top;
	border:0pt none;
	width:79px;
	height:23px;
	position:absolute;
	top:61px;
	left:455px;
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	line-height:26px;
	text-align:center;
	text-transform:uppercase;
	color:#005826;
}

div.mid div.step1 span.tos {
	display:block;
	font-weight:normal;
	font-size:14px;
	line-height:24px;
	margin:10px 0 0 0;
}

div.mid div.step2 {
	background:none;
	border:0;
}

div.mid div.step2 p {
	padding:30px 200px 25px 85px;
	background:url(/images/2.gif) 3% 50% no-repeat;
}

div.mid div.step3 p {
	background:url(/images/3.gif) 3% 50% no-repeat;	
}

div.mid h1 {
	margin:0 0 0 45px;
}

div.mid h1.login {
	background:url(/images/login.gif) top left no-repeat;
	text-indent:-1000em;
	overflow:hidden;
	width:101px;	
	height:43px;
}

div.mid h1.resetpassword {
	background:url(/images/resetpassword.gif) top left no-repeat;	
	text-indent:-1000em;
	overflow:hidden;
	width:291px;
	height:40px;
}

p.emailbkg, p.birthday, p.reminders {
	overflow:hidden;
	height:114px;
	width:150px;
	text-indent:-1000em;
	position:absolute;
	right:51px;	
}

p.emailbkg {
	top:85px;
	background:url(/images/emailbkg.gif) top left no-repeat;
}

p.birthday {
	top:250px;
	background:url(/images/birthdaybkg.gif) top left no-repeat;
}

p.reminders {
	top:415px;
	background:url(/images/remindersbkg.gif) top left no-repeat;
}
div.footer span.links {
	padding:0 0 0 80px;
}

div.footer a.poweredby {
	display:block;
	height:24px;
	width:127px;
	background:url(/images/poweredbymg.gif) top left no-repeat;
	overflow:hidden;
	text-indent:-1000em;
	position:absolute;
	top:0;
	right:0;
}

/* FONTS */
body, div.header div.user button.login {
	font:18px/30px verdana, arial, sans-serif;
	font-weight:bold;
}        

ol, ul {
  font:14px/20px verdana, arial, sans-serif;
  font-weight:normal;
}
   
ol {
  list-style:decimal;
}                   


ol li {
  margin:0 0 10px 0;
}
div.footer, div.footer a, div.header div.user p {
	font-size:12px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

div.header div.desc { 
position: absolute;
top: 108px;
right: 63px;
width: 538px;
height: 134px;
}

div.header div.user h3 {
	font-size:14px;
	line-height:14px;
	color:#b2ada9;
}

div.header div.user button.login {
	font-size:12px;
	font-weight:bold;
}

div.mid h1 {
	font-size:50px;
	line-height:41px;
	font-weight:normal;
	color:#b5b87b;
}

div.header div.user p {
	color:#bbb;
}
  
div.flash_notice, div.flash_error {
  text-align: center;
	padding:20px 10px 5px 10px;
	font-size:14px;
	letter-spacing:1px;
}

div.flash_notice {
  color:green;
}

div.flash_error {
  color:red;
}
/* ============== */
/* = TERMS PAGE = */
/* ============== */
div.staticpage div.copy, div.userpage div.copy, div.jqmWindow div.copy {
	margin:15px 0 0 15px;
	padding:0 30px 0 85px;
}

div.staticpage div.mid div.termssection h1 {
	margin-right:20px;
	line-height:60px;
}

div.staticpage div.termssection div.copy {
	padding:20px 30px 0 35px;
}

div.staticpage div.logincopy {
	padding:20px 30px 0 35px;
}

div.staticpage div.copy p, div.staticpage div.copy ul, div.userpage div.copy p, div.jqmWindow div.copy p {
	margin:0 0 15px 0; 
	font-weight:normal;
	font:14px/20px verdana, arial, sans-serif;
}

div.staticpage div.termssection div.copy p {
	line-height:24px;
}
div.staticpage div.copy pre, div.staticpage div.copy code {
	font:16px/24px "courier new", courier, sans-serif;
}

div.staticpage img {
	border:5px solid #898989;
	display:block;
}

div.staticpage p.image span {
	font-size:12px;
	font-style:italic;
}

/* ========================= */
/* = USER PREFERENCES PAGE = */
/* ========================= */
div.userpage p#menu {
	position:absolute;
	left:193px;
	position:absolute;
	top:129px;
	font-size:14px;
	line-height:18px;
	font-weight:normal;	
}

div.userpage p#menu a {
	color:#005826;
	font-weight:normal;
}

div.userpage p#menu span {
	padding:0 10px;
}

div.userpage h2.deferred {
	background:url(/images/deferredmails.gif) top left no-repeat;
	width:283px;
	height:42px;
	overflow:hidden;
	margin:45px 0 0 30px;
	text-indent:-1000em;
}

div.userpage h2.history {
	background:url(/images/history.gif) top left no-repeat;	
	height:50px;
}

div.userpage h2.preferences {
	background:url(/images/editpreferences.gif) top left no-repeat;	
	width:308px;
}

div.userpage p.total {
	font-size:14px;
	font-weight:normal;
	margin:0 0 0 204px;
}

div.userpage table {
	margin:0 0 0 30px;
	width:840px;
	font-size:14px;
	font-weight:normal;
	color:#898989;
}

div.userpage table th {
	border-bottom:1px solid #d8d7ce;
	font-weight:bold;
	color:#b5b87b;
	font-size:16px;
	padding:0 0 0 10px;
}

div.userpage table th.buttons {
	border-bottom:0;
	padding-left:0;
}

div.userpage table td {
	padding:5px 0 20px 10px;
	line-height:18px;	
	vertical-align:top;
}

div.userpage table td.buttons {
	padding-left:0;
	padding-top:0;
}

div.userpage table td.buttons div.links {
	position:relative;
	height:50px;
	width:120px;
}
div.userpage table td.buttons a.delete_btn, div.userpage table td.buttons a.reschedule_btn {
	background:url(/images/deletemail.gif) top left no-repeat;
	overflow:hidden;
	text-indent:-1000em;
	width:57px;
	height:54px;
	position:absolute;
	left:0;
	top:0;
}

div.userpage table td.buttons a.reschedule_btn {
	background:url(/images/reschedulemail.gif) top left no-repeat;	
	left:70px;
	top:-5px;	
	width:84px;
	height:59px;
}

div.userpage div.copy, div.jqmWindow div.copy {
	padding-left:0;
	text-align:left;
}

div.userpage div.prefcopy {
	margin-left:30px;
}

div.userpage div.prefcopy table {
	margin-left:0;
}

div.userpage div.copy h2, div.jqmWindow div.copy h2 {
	border-bottom:1px solid #666;
	margin:0 0 10px 0;
}

div.userpage div.copy p, div.jqmWindow div.copy p {
	font-size:12px;
}
div.userpage div.copy p span, div.jqmWindow div.copy p span {
	font-size:12px;
	font-style:italic;
	margin:10px 0;
}

div.userpage div.copy label, div.jqmWindow div.copy label {
	font-size:12px;
	font-weight:normal;
	display:block;
	margin:10px 0 0 0;
	line-height:18px;
}

div.userpage div.copy p.checkbox label, div.jqmWindow div.copy p.checkbox label {
	display:inline;
}

div.userpage div.flash_success {
	margin:0 0 40px 204px;
	font-size:14px;	
	line-height:20px;
	font-weight:normal;
	color:#558563;
}

div.userpage div.flash_success p {
	margin-bottom:5px;
}

div.mid div.step3 p a { font-size:10px; font-weight:normal; }