@import url(undohtml.css);

body {
	background: #fff;
	background: #fff url("/images/bg_body.png") repeat top center;
	color: #565755;
	font-size: 10px;
	font-family: Verdana, 'Trebuchet MS', Arial, sans-serif;
}

/* Layout Grid Styles
---------------------------------------------------- */

div.section {
	position: relative;
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
}

div#header.section {
	height: 210px;
	background: #fff url("/images/bg_header.png") no-repeat top left;
	
}

div#page.section {
	min-height: 1466px;
	background: #fff url("/images/bg_page.png") no-repeat top left;
}
* html div#page.section {
	height: 1466px;
}

div#page #sidebar { /* @see global_ie.css */
/*	position: absolute;
	left: 726px;*/
	float: right;
	display: inline;
	margin-top: -8px;
	margin-right: 120px;
	width: 176px;
	padding-top: 0;
	padding-bottom: 140px;
	background: url("/images/bg_sidebar_right.png") no-repeat bottom right;
}

div#page div#content {
	width: 728px;
	margin-top: -6px;
}

div#footer.section {
	padding: 2em 0;
	background: #fff;
}

/* Generic Typography
---------------------------------------------------- */

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: #a02222;
	margin-bottom: 1em;
}

#content h1,
#content h2 {
	font-size: 1.4em;
}
#content h3 {
	font-size: 1.2em;
}


#content p,
#content blockquote,
#content dl,
#content table,
#content pre,
#content address {
	margin-bottom: 1em;
	line-height: 1.5em;
}

#content ul,
#content ol {
	margin-left: 2.5em;
	margin-bottom: 1em;
	line-height: 1.5em;
}

#content dt {
	margin-top: 0.5em;
	font-size: 1.2em;
	font-weight: bold;
	color: #A02222;
}

#content dd {
	margin-left: 0;
	font-size: 1.1em;
}


#content a:link,
#content a:visited {
	color: #908B6D;
}
#content a:hover,
#content a:active {
	color: #ED1F24;
}

/* table layout */
#content table {
	border-collapse: collapse
}
#content th,
#content td {
	padding: 1px 2px;
	background: #fff;
	border: 1px #b8e0f6 solid;
}
#content th {
	text-align: left;
	color: #fff;
	background: #a02222;
}
#content caption {
	font-weight: bold;
	color: #a02222;
}

#content table.clean th {
	color: #a02222;
	background: #b8e0f6;
	border: 1px #fff solid;
}

#content table.clean td {
	background: #fff;
	border: 1px #fff solid;
}


/* form styling */

input.text,
input.password,
input.file,
textarea {
	font-size: 1em;
	padding: 2px 4px;
	background: #fff;
	color: #000;
	border: 1px #B9E0F6 solid;
	font-family: Verdana, 'Trebuchet MS', Arial, sans-serif;
}

input.text.error,
input.password.error,
input.file.error,
textarea.error {
	border-color: #ED1F24;
}

input.checkbox {
	color: #a02222;
}

select {
	font-size: 1em;
	color: #fff;
	background-color: #a02222;
	border: 1px #fbfae4 solid;
	font-family: Verdana, 'Trebuchet MS', Arial, sans-serif;
}

select option {
	color: #565755;
	background-color: #fff;
	padding: 0 4px;
}

select option:active {
	color: #fff;
	background-color: #a02222;
	padding: 0 4px;
}

select:disabled {
	background-color: #e7c7c7;
}

input.submit { /* see @global_ie.css */
	font-size: 10px;
	padding: 2px 4px;
	color: #fbfae4;
	font-weight: bold;
	background-color: #a02222;
	border:1px #a02222 solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
}
input.submit:hover,
input.submit:active,
input.submit:focus {
	color: #fff;
}

a.btn:link,
a.btn:visited,
#content a.btn:link,
#content a.btn:visited { /* mimmic submit button styles */ /* see global_ie.css */
	font-size: 10px;
	padding: 2px 6px;
	color: #fbfae4;
	font-weight: bold;
	text-decoration: none;
	background-color: #a02222;
	border:1px #a02222 solid;
	white-space: nowrap;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
a.btn:hover,
a.btn:active,
#content a.btn:hover,
#content a.btn:active {
	color: #fff;
}

span.btn2,
a.btn2:link,
a.btn2:visited,
#content a.btn2:link,
#content a.btn2:visited,
input.btn2  { /* alternate button style */
	font-size: 10px;
	padding: 2px 6px;
	color: #a02222;
	font-weight: normal;
	text-decoration: none;
	background-color: #e0f0eb;
	border:1px #e0f0eb solid;
	white-space: nowrap;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
a.btn2:hover,
a.btn2:active,
#content a.btn2:hover,
#content a.btn2:active,
input.btn2:hover,
input.btn2:active,
input.btn2:focus {
	color: #ED1F24;
}

span.btn2 {
	color: #c5ac9f
}


/* Header & Main Navigation Styles
---------------------------------------------------- */
div#header h1 {
	position: absolute;
	top: 134px;
	left: 82px;
	width: 355px;
	height: 34px;
	z-index: 3;
}
div#header h1 a {
	width: 355px;
	height: 34px;
	cursor: pointer;
}
div#header h1 a span {
	background: url("/images/hdr_hpt.png") no-repeat 0 0;
}

div#header a#nameLabel {
	position: absolute;
	top: 116px;
	left: 62px;
	width: 171px;
	height: 19px;
	cursor: pointer;
}

div#header a#nameLabel span {
	background: url("/images/hdr_gretchen.png") no-repeat 0 0;
}

/* main nav */

#mainNav li {
	list-style: none;
	margin-left: 8px;
	background: url("/images/sep_mainNav.png") no-repeat 0 0;
	border-top: 1px #fbfae4 solid;
}
#mainNav li.first-child {
	border-top: none;
	background: none;
}
#mainNav li a {
	width: 137px;
	height: 20px;
}
#mainNav li a span {
	background: url("/images/sprite_mainNav.png") no-repeat 0 0;
	cursor: pointer;
}

/* main nav IR */
#mainNav #navHowToUse a span { background-position: 0 -1px; }
#mainNav #navHowToUse a.current span { background-position: -274px -1px; }
#mainNav #navHowToUse a:hover span { background-position: -137px -1px; }
#mainNav #navYourToolbox a span { background-position: 0 -22px; }
#mainNav #navYourToolbox a.current span { background-position: -274px -22px; }
#mainNav #navYourToolbox a:hover span { background-position: -137px -22px; }
#mainNav #navHappinessManifesto a span { background-position: 0 -44px; }
#mainNav #navHappinessManifesto a.current span { background-position: -274px -44px; }
#mainNav #navHappinessManifesto a:hover span { background-position: -137px -44px; }
#mainNav #navBlog a span { background-position: 0 -64px; }
#mainNav #navBlog a.current span { background-position: -274px -64px; }
#mainNav #navBlog a:hover span { background-position: -137px -64px; }
#mainNav #navBook a span { background-position: 0 -86px; }
#mainNav #navBook a.current span { background-position: -274px -86px; }
#mainNav #navBook a:hover span { background-position: -137px -86px; }
#mainNav #navAboutGretchen a span { background-position: 0 -107px; }
#mainNav #navAboutGretchen a.current span { background-position: -274px -107px; }
#mainNav #navAboutGretchen a:hover span { background-position: -137px -107px; }
#mainNav #navAdvancedSearch a span { background-position: 0 -127px; }
#mainNav #navAdvancedSearch a.current span { background-position: -274px -127px; }
#mainNav #navAdvancedSearch a:hover span { background-position: -137px -127px; }

/* Log in / log out box */

div#header #siteTools {
	position: absolute;
	bottom: 112px;
	right: 126px;
	text-align: right;
	white-space: nowrap;
}

div#header #siteTools li {
	list-style: none;
/*	float: left;*/
	display: inline;
	padding: 0 3px;
	border-left: 2px #908B6D solid;
}
div#header #siteTools li.first-child {
	border-left: none;
}

div#header #siteTools li a:link,
div#header #siteTools li a:visited {
	font-weight: bold;
	color: #908B6D;
	text-decoration: none;
}
div#header #siteTools li a:hover,
div#header #siteTools li a:active {
	color: #ED1F24;
}
div#header #siteTools li a.current:link,
div#header #siteTools li a.current:visited,
div#header #siteTools li a.current:hover,
div#header #siteTools li a.current:active {
	color: #82181C;
}


div#header #siteTools form {
	padding-top: 6px;
	clear: both;
}

div#header #siteTools form input.search,
div#page form input.search {
	width: 126px;
	margin: 0;
	padding: 2px 16px 2px 4px;
	font-size: 10px;
	height: 14px;
	background: #fff url("/images/bg_searchbox.png") no-repeat top right;
	border-color: #a02222;
}

div#header #siteTools form input.search:hover,
div#header #siteTools form input.search:active,
div#header #siteTools form input.search:focus,
div#page form input.search:hover,
div#page form input.search:active,
div#page form input.search:focus {
	background: #fff url("/images/bg_searchbox.png") no-repeat bottom right;
}



/* Sidebar Styles
---------------------------------------------------- */

div#page #sidebar .blockWrap {
	background: #B9E0F6;
	padding: 8px 0 8px 8px;
	margin-left:14px;
	border-radius: 0 6px 0 0;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius: 0 6px 0 0;
}

div#page #sidebar .blockRule {
	margin: 8px 0;
	height: 16px;
	margin-left: 14px;
	background: #a12323;
	border-radius: 6px 0 6px 0;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius: 6px 0 6px 0;
}

div#page #sidebar .blockWrap.widgetWrap {
	padding-top:0;
}

div#page #sidebar #mainNav {
	height: 160px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 12px;
	background: #deefee;
	border-radius: 6px 0 0 0;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius: 6px 0 0 0;
}


div#page #sidebar h2 {
	margin: 0;
	width: 162px;
	height: 17px;
	margin-bottom: 8px;
	margin-left: -8px;
}
div#page #sidebar h2 span {
	background: url("/images/hdr_whatsHappening.png") no-repeat 0 0;
}

div#page #sidebar #sidebarWidget {

}


/* Footer Styles
---------------------------------------------------- */

div#footer ul {
	color: #156381;
	font-weight: bold;
	text-align: center;
}

div#footer ul li {
	list-style: none;
	display: inline;
	padding: 0 4px 0 6px;
	border-left: 1px #156381 solid;
}

div#footer ul li.first-child {
	border-left: none;
}

div#footer ul.footMain {
	margin-bottom: 0.25em;
	font-size: 1.1em;
	text-transform: uppercase;
}

div#footer ul li a:link,
div#footer ul li a:visited {
	color: #156381;
}

div#footer ul.footMain li a:link,
div#footer ul.footMain li a:visited {
	text-decoration: none;
}

div#footer ul li a:hover,
div#footer ul li a:active,
div#footer ul.footMain li a:hover,
div#footer ul.footMain li a:active {
	color: #a02222;
	text-decoration: underline;
}



/* Popup messaging / tooltips
------------------------------------------------ */

div.popTip {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 200px;
	padding: 8px;
	margin: -80px 0 0 14px;
	background: #FBFAE4;
	border:3px #B8E0F6 solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	z-index: 1000;
}

div.popFlag {
	margin-top: -40px;
}

div.popFlag p.actions {
	margin-top: 1em;
}



/* Utility Classes
------------------------------------------------ */

/* gilder/levin image replacement technique */
.gl {
    display: block;
	position: relative;
	overflow: hidden;
}
.gl span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.clear {
	clear: both;
}

.hide {
	display: none;
}