body {
	position:absolute;
	left:0px;
	top:0px;
	margin:0; 
	padding:0;
	width:100%;
	height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.71em;
	color:#000;
	text-align:left;
	background-image:url(../images/bg/member_bg.gif);
	background-repeat:repeat-x;
	background-color: #fff;
}
p {
	margin-top:0;
	margin-right:70px;
	margin-bottom:12px;
	margin-left:20px;
	padding:0;
}
p.warning {
	color:#f00;
	font-weight:bold;
	margin-right:240px;
}
p.success {
	color: #00f;
	font-weight:bold;
	margin-right:240px;
}
.error {
	color:#f00;
	font-weight:bold;
}
h1 {
	font-size:1.60em;
	font-weight:bold;
	text-align:left;
	margin:0;
	padding-top:0px;
	padding-right:20px;
	padding-bottom:30px;
	padding-left:20px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	text-align:left;
	margin:0;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:6px;
	padding-left:20px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	text-align:left;
	margin:0;
	padding-top:16px;
	padding-right:20px;
	padding-bottom:2px;
	padding-left:20px;
}
form {
	margin:0;
	padding:0;
}
input, select, textarea {
	border: 1px solid #ccc;
	margin:0;
	padding:0;
}
input:focus, select:focus, textarea:focus {
	border: 1px solid #00f;
	background-color:#fffcaf;
}

div#logo {
	position:absolute;
	top:8px;
	left:18px;
}


div#content {
	position:absolute;
	top:160px;
	left:200px;
}

div#content table {
	padding:0;
	margin:0;
	border-collapse:collapse;
}
div#content table td {
	vertical-align:top;
}

div#content table.ruled {
	margin-top:8px;
	margin-right:80px;
	margin-bottom:8px;
	margin-left:20px;
	padding:0;
	border-top: 1px solid #aaa;
}

div#content table.ruled td {
	vertical-align:top;
	padding: 12px 12px 2px 0;
	margin:0;
	border-bottom: 1px solid #aaa;
}

/*********************************/
/* for calendar table and inputs */
div#content table.ruled table {
	border-collapse: separate;
}

div#content table.ruled table td {
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 0px 20px;
	border: none;
	/*border-bottom: 1px solid #fff;*/
}
.calendar td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	/*border: 1px solid #fff;*/
}
div#content div#accordion div.stretcher table.ruled td.calendarDateInput {
	padding: 0px 0px 0px 0px;
	border: none;
	/*border: 1px solid #fff;*/
}
select#orderdate_Month_ID {
	margin: 0px 0px 0px 20px;
}
/* end calendar table and inputs */
/*********************************/

div#content table.ruled td p {
	margin:0;
	padding-top:12px;
	padding-right:6px;
	padding-bottom:14px;
	padding-left:6px;
}
div#content table.ruled th p {
	font-weight:bold;
	text-align:left;
	margin:0;
	padding-top:0;
	padding-right:6px;
	padding-bottom:4px;
	padding-left:6px;
}

/* add litter form */
div#content div#addlitter div {
	margin-top:0px;
	margin-right:0px;
	margin-bottom:12px;
	margin-left:20px;
	padding:0;
}
div#content div#addlitter div label {
	display:block;
	margin: 12px 0 4px 0;
}



/* add dog form */
.adddog {
	padding:0 40px 0 0;
	margin:0 40px 0 0;
	border-collapse:collapse;
}
.adddog td {
	vertical-align:top;
}
.adddog td p {
	margin:0;
	padding-top:6px;
	padding-right:6px;
	padding-bottom:14px;
	padding-left:6px;
}


.preview {
	position: absolute;
	top:90px;
	left:220px;
	font-size:14px;
	font-weight:bold;
	background-color:#ffc;
	border: 1px solid #f00;
	padding: 16px 16px 16px 16px;
	margin: 0 0 24px 24px;
	z-index:20;
}
.totalRenewal {
	font-size:14px;
	font-weight:bold;
	margin:0 70px 12px 20px;
	padding:0;
}
.previewRenewalItems {
	font-size:11px;
	font-weight:normal;
	margin:0 0 4px 20px;
	padding:0;
}

div#content div#accordion div.stretchtoggle p  {
	font-weight:bold;
	font-size:1.1em;
	background-color:#ddd;
	padding: 4px 8px 8px 8px;
	border: 1px solid #000;
	/*width:590px;*/
}
div#content div#accordion div.stretchtoggle span {
	float:right;
	font-weight:normal;
	font-size:0.8em;
	cursor:pointer;
}
div#content div#accordion div.stretchtoggle span img {
	border:none;
}
div#content div#accordion div.stretcher p  {
	margin: 0px 0px 12px 20px;
	padding: 0px 0px 4px 8px;
}
div#content div#accordion div.stretcher p.centerred  {
	text-align:center;
	margin: 0px auto 16px auto;
}

/* ========================================================================== */
/* =============================== login status ============================= */
div#login_status {
	position:absolute;
	top:20px;
	right:0px;
	width: 300px;
}
div#login_status p {
	text-align:right;
	margin:0;
	padding:0px 10px 6px 10px;
}
div#login_status p.factoid {
	font-weight:bold;
	padding:18px 10px 6px 10px;
}
/* ============================ end login status ============================ */
/* ========================================================================== */


/* ========================================================================== */
/* ========================== membership statistics ========================= */
div#member_stats {
	width: 176px;
}
div#member_stats p {
	margin:0;
	padding:0px 10px 12px 10px;
}
div#member_stats ul {
	list-style-type:none;
	font-size:1em;
	margin:0;
	padding:12px 0px 12px 10px;
}
div#member_stats ul li {
	margin:0;
	padding:6px 0px 6px 0px;
}
/* ======================= end membership statistics ======================== */
/* ========================================================================== */


/* ========================================================================== */
/* =============================== menu styles ============================== */
div#mainmenu {
	position:absolute;
	top:160px;
	left:0px;
	width:176px;
	margin:0;
	padding:0;
	z-index:10;
}
.menu ul li a .arrow {
	position:absolute;
	top:3px;
	left:162px;
	font-weight:normal;
	font-size:1.5em;
	margin:0;
	padding:0;
}
.menu {
	z-index:1000;
	margin:0;
	padding:0;
}
.menu ul {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
	margin:0;
	padding:0;
	list-style-type:none;
	width:176px;
	border-top:1px solid #000;
}
/* hack for IE5.5 */
* html .menu ul { margin-left:-16px; ma\rgin-left:0; }
/* position relative so that you can position the sub levels */
.menu li {
	position:relative;
	background-color:#fff;
	/*background-color:#c8ddb6;*/
}
/* get rid of the table */
.menu table { position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; }
/* style the links */
.menu a, .menu a:visited {
	display:block; 
	text-decoration:none;
	margin:0;
	padding: 6px 12px 6px 8px;
	width:156px;
	color:#000;
	border:1px solid #000;
	border-width:0 1px 1px 1px;
}
/* hack for IE5.5 CAUSED BADNESS IN IE6 */
/*  * html .menu a, * html .menu a:visited { background:#d4d8bd; width:156px; w\idth:175px; } */
/* style the link hover */
* html .menu a:hover { color:#fff; background-color:#949e7c;background-image:url(../images/bg/bucket.gif); }
.menu :hover > a {
	color:#fff; 
	background-image:url(../images/bg/bucket.gif);
	background-repeat:repeat-x;
	background-color:#008007;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	top:0;
	left:177px; 
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul { visibility:hidden; }
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul { visibility:hidden; }
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul { visibility:visible; }
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { visibility:visible; }
/* ============================= END menu styles ============================ */
/* ========================================================================== */