/* CSS for money village DIY pack - Simon Pollard for deckchair.co.uk 2008 */
h1, h3 {
	color: #247da7;
}
h2 {
	color: #FFFFFF;
	font-size: 16px;
	margin-left: 15px;
	margin-bottom: 20px;
}

.red {
	color: #AF0000;
}
.blue {
	color: #0F425A;
}
.activeblue {
	color: #2780A9;
	font-weight: bold;
}
.green {
	color: #228503;
}
.gold {
	color: #b8860b;
}
.orange {
	color: #d36d00;
}
img.image-right {
	float: right;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.mainnavbar-links {
	background-color: #17952f;
	padding-right: 28px;
	background-repeat: no-repeat;
	background-position: right center;
}
a.mainnavbar-links:hover {
	background-color: #096b1c;
}
a#contents {
	background-image: url(../images/diypack/contents.gif);
}
a#help {
	background-image: url(../images/diypack/help.gif);
}
a#toolbox {
	background-image: url(../images/diypack/toolbox.gif);
}
a#document {
	background-image: url(../images/diypack/document.gif);
}
a#contents:hover {
	background-image: url(../images/diypack/contents-h.gif);
}
a#help:hover {
	background-image: url(../images/diypack/help-h.gif);
}
a#toolbox:hover {
	background-image: url(../images/diypack/toolbox-h.gif);
}
a#document:hover {
	background-image: url(../images/diypack/document-h.gif);
}
/*** START HEADER STYLES ***/
div#header {
	background-image: url(../images/diypack/header-bground.jpg);
	position: relative;
}
a#logo {
	background-image: url(../images/diypack/moneyudoo.gif);
	background-repeat: no-repeat;
	width: 331px;
	height: 77px;
	display: block;
	position: absolute;
	top: 25px;
	left: 22px;
}
img#flowers {
	position: absolute;
	top: 73px;
	left: 388px;
}
span#userbox {
	background-image: url(../images/diypack/header-but-mid.jpg);
}
/*** END HEADER STYLES ***/

div#toolbox-box {
	background-image: url(../images/diypack/toolbox/background.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	top: 70px;
	width: 459px;
	height: 600px;
	margin-left: -230px;
	z-index: 50;
	display: none;
}
div#toolbox-box h1 {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 30px;
	background-image: url(../images/diypack/toolbox/icon.jpg);
	background-repeat: no-repeat;
	background-position: center right;
	width: 110px;
	position: relative;
}
a#close-toolbox-box {
	background-image: url(../images/diypack/toolbox/close.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	width: 47px;
	padding-top: 3px;
	height: 17px;
	position: absolute;
	right: 25px;
	top: 17px;
	color: #FFFFFF;
	font-weight: normal;
}
div#toolbox-box a.launch {
	background-image: url(../images/diypack/toolbox/launch.jpg);
	background-repeat: no-repeat;
	padding-left: 5px;
	width: 52px;
	padding-top: 3px;
	height: 17px;
	position: absolute;
	top: 10px;
	right: 5px;
	color: #FFFFFF;
	font-weight: normal;
}
div#toolbox-box h2 {
	color: #000000;
	font-size: 14px;
	margin-bottom: 2px;
}
div#toolbox-box p {
	margin-top: 0px;
}
div#toolbox-box div {
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-left: 12px;
	margin-right: 10px;
	position: relative;
}
div#toolbox-box-pdr {
	background-image: url(../images/diypack/toolbox/personal-development.jpg);
	background-color: #FBFCFB;
}
div#toolbox-box-letters {
	background-image: url(../images/diypack/toolbox/template-letters.jpg);
}
div#toolbox-box-budgeting {
	background-image: url(../images/diypack/toolbox/budget-calculator.jpg);
	background-color: #FBFCFB;
}
div#toolbox-box-budgeting {
	background-image: url(../images/diypack/toolbox/budget-calculator.jpg);
}
div#toolbox-box-audio {
	background-image: url(../images/diypack/toolbox/audio-bank.jpg);
	background-color: #FBFCFB;
}
div#toolbox-box-creditor {
	background-image: url(../images/diypack/toolbox/creditor-list.jpg);
}
div#toolbox-box-spending {
	background-image: url(../images/diypack/toolbox/spending-tracker.jpg);
	background-color: #FBFCFB;
}
div#toolbox-box-links {
	background-image: url(../images/diypack/toolbox/usefull-links.jpg);
}
div#toolbox-box-jargon {
	background-image: url(../images/diypack/toolbox/jargon-buster.jpg);
	background-color: #FBFCFB;
	height: 35px;
}
div#toolbox-box-calculator {
	background-image: url(../images/diypack/creditors-payment-calculator.jpg);
}

div#content, div#main {
	background-color: #F2F2F2;
	background-image: none;
}
div#content {
}

/*** INDEX STYLES ***/
img#indeximage {
	margin-left: 15px;
	margin-top: 15px;
}
div#info-box {
	background-image: url(../images/diypack/index/info-box.jpg);
	background-repeat: no-repeat;
	width: 418px;
	padding-top: 10px;
	height: 241px;
	margin-left: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}
div#index-content-right {
	float: right;
	margin-right: 15px;
	margin-top: 15px;
	width: 456px;
}
div#tool-box {
	background-image: url(../images/diypack/index/tool-box.jpg);
	background-repeat: no-repeat;
	width: 456px;
	padding-top: 10px;
	height: 334px;
}
p.tool-box-p {
	padding-left: 50px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 20px;
}
p.tool-box-p b {
	font-size: 14px;
}
p#tool-box-personal {
	background-image: url(../images/diypack/index/personal.jpg);
}
p#tool-box-letters {
	background-image: url(../images/diypack/index/letters.jpg);
}
p#tool-box-budgeting {
	background-image: url(../images/diypack/index/budgeting.jpg);
}
p#tool-box-audio {
	background-image: url(../images/diypack/index/audio.jpg);
}
p#tool-box-creditor {
	background-image: url(../images/diypack/index/creditor.jpg);
}
div#signup, div#login {
	background-image: url(../images/diypack/index/right-hand-small-box.jpg);
	background-repeat: no-repeat;
	width: 219px;
	padding-top: 10px;
	height: 177px;
	float: right;
	margin-top: 15px;
	position: relative;
}
div#login {
	margin-left: 10px;
}
input.index-input {
	width: 180px;
}
a#index-sign-up {
	background-image: url(../images/diypack/sign-up.gif);
	background-repeat: no-repeat;
	padding-left: 8px;
	width: 140px;
	padding-top: 3px;
	height: 23px;
	color: #FFFFFF;
	font-size: 14px;
	display: block;
	margin-top: 5px;
	position: absolute;
	left: 15px;
	bottom: 13px;
}
input#index-sign-in {
	position: absolute;
	right: 20px;
	bottom: 13px;
}
a.small-link {
	font-weight: normal;
	font-size: 10px;
}
div#loggedincontinue {
	background-image: url(../images/diypack/index/loggedincontinue-box.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	height: 176px;
	width: 454px;
	margin-top: 15px;
	position: relative;
}
div#loggedincontinue h2 {
	margin-bottom: 25px;
}
a#index-continue {
	background-image: url(../images/diypack/continue.gif);
	background-repeat: no-repeat;
	padding-left: 8px;
	padding-top: 3px;
	width: 106px;
	height: 26px;
	color: #FFFFFF;
	font-size: 14px;
	display: block;
	margin-top: 5px;
	position: absolute;
	left: 15px;
	bottom: 13px;
}

/* naviagtion styles */
div#progress {
	background-image: url(../images/diypack/progress-bg.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	width: 900px;
	padding-top: 7px;
	height: 22px;
	margin-left: 15px;
	margin-top: 15px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	position: relative;
}
div#progress-bar {
	background-image: url(../images/diypack/progress-bar-bg.gif);
	background-repeat: no-repeat;
	width: 707px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 4px;
}
div#progress-fill {
	overflow: hidden;
	height: 20px;
}
div#navigation {	
	background-image: url(../images/diypack/navigation-header-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 330px;
	padding-top: 10px;
	margin-bottom: 10px;
	float: left;
	margin-top: 20px;
	margin-left: 15px;
	z-index: 1;
}
div#navigation h1 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-left: 15px;
	margin-bottom: 10px;
}
div#navigation-text {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #B0B0B0;
	border-left-color: #B0B0B0;
	background-image: url(../images/diypack/navigation-bground.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #E4EEF3;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B0B0B0;
	height: 510px;
	overflow: auto;
	font-size: 12px;
}
div#navigation-text ul {
	margin-left: 30px;
	font-size: 12px;
	list-style-type: square;
	margin-top: 10px;
	padding-bottom: 15px;
	color: #626262;
}
div#navigation-text ul li {
	margin-bottom: 5px;
}
div#navigation-text li.green a {
	color: #228503;
	font-weight: normal;
}

/* following 3 hacks by seb, please clean! */
div#navigation-text li.visited a {
	color: blue;
	font-weight: normal;
}
div#navigation-text li.disabled a {
	color: gray;
	font-weight: normal;
}
div#navigation-text li.disabled a:hover{
	text-decoration: none;
}

/* payment styles */
div#stage-content-text a#payment-link {
	background-image: url(../images/diypack/join/payment-link.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	width: 378px;
	padding-top: 12px;
	height: 31px;
	display: block;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	margin-top: 25px;
}
input#signup-secure {
	float: right;
	margin-right: 15px;
}
div#stage-content-text a#thankyou-link {
	background-image: url(../images/diypack/join/thankyou-link.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	width: 308px;
	padding-top: 12px;
	height: 31px;
	display: block;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	margin-top: 25px;
}

/* stage-content styles */
div#stage-content {
	background-repeat: no-repeat;
	background-position: top;
	width: 565px;
	padding-top: 10px;
	margin-bottom: 10px;
	margin-top: 20px;
	margin-left: 15px;
	float: left;
	z-index: 10;
	display: inline;
}
div.stage-content-normal {
	background-image: url(../images/diypack/sessions/green-header.jpg);
}
div.stage-content-large {
	background-image: url(../images/diypack/sessions/green-header-big.jpg);
}
div#stage-content-text {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #B0B0B0;
	border-left-color: #B0B0B0;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
div#stage-content-text a {
	color: #002AFF;
	font-weight: normal;
	text-decoration: underline;
}
div#stage-content h1 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-left: 15px;
	margin-bottom: 10px;
}
div#stage-content ul {
	margin-left: 30px;
	list-style-type: disc;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}
div#stage-content li {
	margin-bottom: 10px;
	padding-right:20px;
}
span.listtext {
	color: #000000;
	font-weight: normal;
}
a.action {
	background-image: url(../images/diypack/action.jpg);
	background-repeat: no-repeat;
	width: 77px;
	height: 23px;
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
}
a#action-button3, a#action-button4 {
	display: none;
}
a.back {
	background-image: url(../images/diypack/back.jpg);
	background-repeat: no-repeat;
	width: 77px;
	height: 23px;
	margin-bottom: 10px;
	margin-top: 10px;
}
div#stage-content-footer {
	background-image: url(../images/diypack/content-footer-bg.jpg);
	background-repeat: no-repeat;
	font-size: 1px;
	width: 565px;
	height: 12px;
	float: right;
	margin-bottom: 10px;
	position: relative;
}

div.blue-box {
	background-image: url(../images/diypack/blue-box-bground.jpg);
	background-repeat: repeat-y;
	width: 515px;
	margin-left: 15px;
	margin-top: 15px;
}
div.blue-box-header {
	background-image: url(../images/diypack/blue-box-header.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 515px;
	height: 14px;
}
div.blue-box-content {
	padding-left: 15px;
	padding-right: 35px;
	margin-top: 0px;
	font-size: 14px;
}
div.blue-box-phone {
	background-image: url(../images/diypack/session4/phone.gif);
	background-repeat: no-repeat;
	background-position: 470px top;
}
div.blue-box-letter {
	background-image: url(../images/diypack/session4/letter.gif);
	background-repeat: no-repeat;
	background-position: 470px top;
}
div.blue-box-content h2 {
	margin-top: 0px;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 15px;
}
div.blue-box-content h2.phone {
	background-image: url(../images/diypack/phone.jpg);
	background-repeat: no-repeat;
	height: 16px;
	padding-left: 30px;
	margin-left: 0px;
}
div.blue-box-content h2.mail {
	background-image: url(../images/diypack/mail.jpg);
	background-repeat: no-repeat;
	height: 16px;
	padding-left: 30px;
	margin-left: 0px;
}
div.blue-box-content a.action, div.blue-box-content a.back {
	margin-left: 0px;
}
div.blue-box-footer {
	background-image: url(../images/diypack/blue-box-footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
	height: 14px;
	width: 515px;
}
div#stage-content div.blue-box-content ul, div#stage-content-large div.blue-box-content ul {
	margin-left: 20px;
	list-style-type: decimal;
	font-size: 12px;
	color: #0F425A;
	font-weight: bold;
}
div#stage-content div.blue-box-content li, div#stage-content-large div.blue-box-content li {
	margin-bottom: 10px;
}

div.green-box {
	background-image: url(../images/diypack/sessions/green-box-bground.gif);
	background-repeat: repeat-y;
	width: 515px;
	margin-left: 15px;
	margin-top: 15px;
}
div.green-box-header {
	background-image: url(../images/diypack/sessions/green-box-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 515px;
	height: 14px;
}
div.green-box-content {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0px;
	font-size: 14px;
}
div.green-box-content h2 {
	margin-top: 0px;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 15px;
}
div.green-box-footer {
	background-image: url(../images/diypack/sessions/green-box-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 14px;
	width: 515px;
}
div.green-box-key {
	background-image:url(../images/diypack/sessions/green-key.gif);
	width:49px;
	height:48px;
	float:right;
	margin-left:10px;
}
div#stage-content div.green-box-content ul, div#stage-content-large div.green-box-content ul {
	margin-left: 20px;
	margin-top: 10px;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	list-style-type: disc;
}
div#stage-content div.green-box-content li, div#stage-content-large div.green-box-content li {
	margin-bottom: 10px;
}

a.next {
	background-image: url(../images/diypack/sessions/next.gif);
	background-repeat: no-repeat;
	width: 55px;
	height: 22px;
	display: block;
}
div#stage-content a.event-button {
	background-image: url(../images/diypack/event-button-bg.jpg);
	background-repeat: no-repeat;
	width: 204px;
	padding-top: 3px;
	height: 19px;
	display: block;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

/* stage-content-extra */
div#stage-content-extra {
	background-repeat: no-repeat;
	background-position: top;
	width: 565px;
	padding-top: 10px;
	margin-bottom: 10px;
	margin-top: 20px;
	margin-right: 30px;
	float: right;
	z-index: 10;
	display: inline;
}
div#stage-content-extra h1 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-left: 15px;
	margin-bottom: 10px;
}
div#stage-content-extra ul {
	margin-left: 30px;
	list-style-type: disc;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}
div#stage-content-extra li {
	margin-bottom: 10px;
	padding-right:20px;
}



/* Session */


img.img-left {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
img.session-icon {
	position: absolute;
	left: 10px;
	top: 20px;
}
div#session-overview {
	height: 220px;
}
div#session-overview-tall {
	height: 290px;
}
div#session-video-box {
	height: 200px;
	width: 260px;
	float: left;
	margin-left: 15px;
	margin-right: 10px;
}
div#intro-video-box {
	background-image: url(../images/diypack/intro/video-bground.jpg);
	background-repeat: repeat-x;
	height: 240px;
	width: 520px;
	margin-left: 20px;
	margin-bottom:20px;
	margin-right: 15px;
}
div#intro-video-box embed {
	float: left;
}
div#intro-video-box-content {
	padding-left: 330px;
	padding-right: 10px;
	padding-top: 10px;
}
div#session-objectives, div#session-content, div#session-resources, div#session-time, div#session-activities, div#session-reading, div#session-reflection, div#session-conclusions {
	position: relative;
	padding-top: 20px;
	padding-bottom: 30px;
	background-position: top;
	background-repeat: repeat-x;
	padding-right: 15px;
}
div#session-objectives p, div#session-content p, div#session-resources p, div#session-time p, div#session-activities p, div#session-reading p, div#session-reflection p {
	margin-top: 0px;
	margin-right: 20px;
	margin-left: 80px;
}
div#session-conclusions p.tick {
	background-image: url(../images/diypack/toolbox/tick.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 50px;
	height: 24px;
}
div#session-conclusions ul.outro {
	margin-left: 80px;
}
div#key-learning-points {
	background-image: url(../images/diypack/session/key-learning-points.jpg);
	background-repeat: no-repeat;
	padding-left: 60px;
	width: 455px;
	padding-top: 10px;
	height: 276px;
	margin-left: 15px;
	margin-top: 15px;
}
div#key-learning-points textarea {
	width: 390px;
	height: 210px;
}
div#key-learning-points input {
	margin-left: 15px;
}
div#next-steps-feet {
	background-image: url(../images/diypack/session/next-steps.gif);
	width:49px;
	height:63px;
	margin-left:10px;
	margin-bottom:30px;
	float:left;
}
div#session-objectives, div#session-conclusions {
	background-image: url(../images/diypack/session1/objectives-bg.jpg);
}
div#session-objectives ul {
	margin-left: 95px;
	margin-top: 10px;
	list-style-type: disc;
}
div#session-objectives li {
	color: #000000;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	list-style-type: disc;
}
div#session-content {
	background-image: url(../images/diypack/session1/content-bg.jpg);
}
div#session-resources {
	background-image: url(../images/diypack/session1/resources-bg.jpg);
}
div#session-resources ul {
	margin-left: 95px;
	margin-top: 10px;
	list-style-type: disc;
}
div#session-resources li {
	color: #000000;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	list-style-type: disc;
}
div#session-time {
	background-image: url(../images/diypack/session1/time-bg.jpg);
}
div#session-activities {
	background-image: url(../images/diypack/session1/activities-bg.jpg);
}
div#session-activities ul {
	margin-left: 95px;
	margin-top: 10px;
	list-style-type: disc;
}
div#session-activities li {
	color: #000000;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	list-style-type: disc;
}
div#session-reading {
	background-image: url(../images/diypack/session1/reading-bg.jpg);
}
div#session-reading ul {
	margin-left: 95px;
	margin-top: 10px;
	list-style-type: disc;
}
div#session-reading li {
	color: #000000;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	list-style-type: disc;
}
div#session-reflection {
	background-image: url(../images/diypack/session1/reflection-bg.jpg);
}
div#session-reflection ul {
	margin-left: 95px;
	margin-top: 10px;
	list-style-type: disc;
}
div#session-reflection li {
	color: #000000;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	list-style-type: disc;
}
div#session-start {
	background-image: url(../images/diypack/session1/start-session-bground.jpg);
	background-repeat: no-repeat;
	width: 565px;
	height: 40px;
	position: relative;
}
div#session-start a {
	background-image: url(../images/diypack/session1/start-session.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	width: 115px;
	padding-top: 8px;
	height: 23px;
	position: absolute;
	right: 10px;
	top: 5px;
	color: #FFFFFF;
}


/* ACTIONS ETC... */


a.action {
	background-image: url(../images/diypack/action.jpg);
	background-repeat: no-repeat;
	width: 77px;
	height: 23px;
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
}
a#action-button3, a#action-button4 {
	display: none;
}
a.back {
	background-image: url(../images/diypack/back.jpg);
	background-repeat: no-repeat;
	width: 77px;
	height: 23px;
	margin-bottom: 10px;
	margin-top: 10px;
	display: block;
}
div#stage-content-text a.nextstep {
	background-image: url(../images/diypack/next-step.jpg);
	background-repeat: no-repeat;
	padding-left: 5px;
	width: 97px;
	padding-top: 3px;
	height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	text-decoration: none;
}
/* action styles */
div#action {
	background-image: url(../images/diypack/action-header-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 10px;
	width: 330px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	
	display: none;
}
div#action h1 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-left: 15px;
	margin-bottom: 10px;
}
div#action h2 {
	background-image: url(../images/diypack/action-h2-bg.jpg);
	background-repeat: repeat-x;
	height: 33px;
	width: 313px;
	margin-bottom: 15px;
	margin-top: 0px;
	padding-left: 15px;
	padding-top: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
div.action-text {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #B0B0B0;
	border-left-color: #B0B0B0;
	background-color: #E3ECF1;
	padding-bottom: 10px;
}
div.action-text h2 {
	margin-left: 0px;
}
div#action-footer {
	background-image: url(../images/diypack/action-footer-bg.jpg);
	background-repeat: no-repeat;
	width: 330px;
	height: 50px;
	float: right;
	margin-bottom: 10px;
	position: relative;
}
div#action-footer input {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 150px;
}
div.inputbox {
	position: relative;
	height: 15px;
	padding-bottom: 10px;
}
.error {
	border: 2px solid #ffba00;
}
div.inputbox input, div.inputbox select {
	position: absolute;
	top: 0px;
	left: 170px;
	width: 150px;
}
div.action-text textarea {
	margin-left: 15px;
	margin-top: 10px;
	width: 300px;
	height: 150px;
	margin-bottom: 10px;
}
div.inputbox input.button {
	position: absolute;
	top: 0px;
	right: 10px;
	font-size: 11px;
}
div.inputbox input.save {
	position: absolute;
	top: 0px;
	left: 10px;
	font-size: 11px;
}
div.inputbox input.print {
	position: absolute;
	top: 0px;
	left: 165px;
	font-size: 11px;
}
div.inputbox-bottom {
	position: relative;
	height: 15px;
	padding-bottom: 30px;
}
div.inputbox-bottom input {
	position: absolute;
	top: 0px;
	left: 220px;
	width: 100px;
}
div.list-items {
	position: relative;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 45px;
	width: 330px;
	padding-top: 10px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B5C7D1;
}
div.close {
	position: absolute;
	left: 15px;
}
div.creditor {
	position: absolute;
	left: 40px;
}
div.amount-types {
	position: absolute;
	left: 150px;
}
div.amounts {
	font-weight: bold;
	position: absolute;
	left: 280px;
}


div.player-holder {
	margin-left: 15px;
	margin-top: 5px;
}

div#next-stage {
	background-image: url(../images/diypack/next-step-box.jpg);
	background-repeat: no-repeat;
	width: 365px;
	height: 216px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 2;
	display: none;
}
div#next-stage h1 {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 30px;
}
div#next-stage a.next-step {
	background-image: url(../images/diypack/next-step-button.jpg);
	background-repeat: no-repeat;
	width: 147px;
	padding-top: 5px;
	height: 22px;
	margin-left: 15px;
	margin-top: 10px;
	display: block;
	float: left;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
}
div#next-stage a.next-step:hover {
	text-decoration: underline;
} 

table#confcheck-table {
	border-collapse: collapse;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 12px;
}
table#confcheck-table td {
	width: 10%;
	text-align: center;
}
table#confcheck-table td.lefthand {
	text-align: left;
}
table#confcheck-table td.righthand {
	text-align: right;
}
table#confcheck-table input.textbox {
	width: 250px;
}

/* Help and FAQ */


dt.stretchtoggle {
	background-image: url(../images/diypack/faq/question-bg-expanded.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 8px;
	padding-left: 20px;
	height: 25px;
	color: #247DA7;
	font-size: 14px;
	font-weight: bold;
	cursor: default;	
}
dt.stretchtoggle:hover {
	color: #14465E;
}
dt.stretchtoggle h2 {
	color: #247DA7;
	font-size: 14px;
}
dd.stretcher {
	margin-bottom: 10px;
	padding-left: 10px;
}
div.faq-expanded {
	background-image: url(../images/diypack/faq/question-bg-expanded.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 8px;
	padding-left: 10px;
	margin-bottom: 20px;
}
div.faq-expanded h2, div.faq-small h2 {
	color: #247DA7;
	font-size: 14px;
}
div.faq-small {
	background-image: url(../images/diypack/faq/question-bg-small.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 8px;
	padding-left: 10px;
	padding-bottom: 7px;
}

embed#audiobankplayer {
	margin-left: 15px;
	margin-top: 15px;
}


/*** CREDITOR LIST ****/
/**************************************************************************/


div#creditor-list, div#creditor-add, div.creditor-block {
	background-image: url(../images/diypack/creditor-header.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 544px;
	padding-top: 10px;
	margin-left: 5px;
	margin-top: 0px;
}
div#creditor-list h2, div#creditor-add h2, div.creditor-block h2 {
	color: #2780a9;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 15px;
}
div#creditor-list table {
	border-collapse: collapse;
	margin-left: 15px;
	margin-right: 15px;
	width: 514px;
}
div#creditor-list table th {
	font-size: 11px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #247ea8;
	padding-bottom: 10px;
}
div#creditor-list table td {
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
}
div#creditor-list table td a {
	color: #247ea8;
	font-weight: bold;
	text-decoration: none;
}
div#creditor-list table td a:hover {
	text-decoration: underline;
}
tr.blue-row {
	background-color: #f6fafc;
}
div#creditor-add, div.creditor-block {
	margin-top: 10px;
	margin-bottom: 10px;
}
div#creditor-add table, div.creditor-block table {
	border-collapse: collapse;
	margin-left: 15px;
	margin-right: 15px;
	width: 514px;
}
div#creditor-add table td, div.creditor-block table td {
	font-size: 12px;
}
div#creditor-add table td input, div.creditor-block table td input {


	width: 200px;
}
div#creditor-add table td input.input-button, div.creditor-block table td input.input-button {
	width: 115px;
	margin-right: 5px;
}
input.creditor-input-button1 {
	position: absolute;
	right: 225px;
	top: 7px;
}
input.creditor-input-button2 {
	position: absolute;
	right: 120px;
	top: 7px;
}
input.creditor-input-button3 {
	position: absolute;
	right: 10px;
	top: 7px;
}
input#creditors-add-creditor {
	position: absolute;
	left: 10px;
	top: 10px;
}


/*** BUDGETING TOOL ***/
/**************************************************************************/

div#budgeting-tabs {
	height: 36px;
	margin-top:20px;
	margin-bottom: 5px;
	margin-left: 5px;
}
div#budgeting-tabs a {
	background-repeat: no-repeat;
	width: 102px;
	padding-top: 10px;
	height: 26px;
	text-align: center;
	display: block;
	float: left;
	margin-right: 5px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
div#budgeting-tabs a.normal {
	background-image: url(../images/diypack/budgeting/tab-norm.jpg);
	color: #000000;
}
div#budgeting-tabs a.selected {
	background-image: url(../images/diypack/budgeting/tab-selected.jpg);
	color: #FFFFFF;
}
div#budgeting-tabs a.normal:hover, div#budgeting-tabs a.selected:hover {
	color: #e8aa01;
}
ul#household-data {
	display: none;
}
ul#income-data {
	display: none;
}
ul#outgoings-data {
	display: none;
}
ul#creditors-data {
	display: none;
}
ul#totals-data {
	display: none;
}

div#stage-content-text ul.menu {
	list-style: none;
	margin-left: 5px;
	width: 504px;
}
div#stage-content-text ul.menu a.budgeting-title {
	background-image: url(../images/diypack/faq/question-bg-small.jpg);
	background-repeat: no-repeat;
	color: #2780a9;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 10px;
	width: 534px;
	padding-top: 10px;
	height: 25px;
	display: block;
}
div#stage-content-text ul.menu li {
	margin-left: 0px;
	width: 543px;
	padding-right: 0px;
}
div#stage-content-text ul.menu li ul {
	margin-left: 0px;
}
div#stage-content-text ul.menu li ul table {
	border-collapse: collapse;
	width: 534px;
}
ul#totals-data table {
	border-collapse: collapse;
	width: 510px;
}
ul#totals-data table td {
	padding-bottom:5px;
	padding-left:10px;
	padding-top:5px;
}
div#stage-content-text ul.menu li ul table td, div#stage-content-text ul.menu li ul table th {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
td.td-right {
	text-align: right;
	padding-right: 10px;
	width: 35%;
}
div#budgeting-footer {
	background-image: url(../images/diypack/session1/start-session-bground.jpg);
	background-repeat: no-repeat;
	width: 565px;
	height: 40px;
	position: relative;
}
div#budgeting-footer-small {
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-color: #B0B0B0;
	border-left-color: #B0B0B0;
	border-bottom-color: #B0B0B0;
	background-color: #FFFFFF;
	padding-top: 5px;
}

div#budgeting-footer input#save {
	position: absolute;
	right: 10px;
	top: 10px;
}
div#budgeting-footer input#savecontinue {
	position: absolute;
	right: 10px;
	top: 10px;
}
div#budgeting-footer a#generate-report {
	background-image: url(../images/diypack/budgeting/generate-report.gif);
	background-repeat: no-repeat;
	width: 169px;
	height: 21px;
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
}
div.budgeting-content {
	position: relative;
}
div#budgeting-alert {
	background-color: #FFF;
	border: 2px solid #d36d00;
	width: 400px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	position: absolute;
	left: 70px;
	top: 50px;
	display: none;
}
div#budgeting-alert h2 {
	color: #d36d00;
	font-size: 16px;
	font-weight: bold;
}
div#budgeting-alert ol {
	margin-top: 20px;
	font-size: 12px;
	margin-left: 35px;
	font-weight: bold;
}
div#budgeting-alert a.budgeting-alert-close {
	background-image: url(../images/diypack/budgeting/close.jpg);
	background-repeat: no-repeat;
	color: #000;
	width: 56px;
	padding-top: 5px;
	height: 17px;
	display: block;
	text-align: center;
	font-size: 11px;
	text-decoration: none;
	position: absolute;
	right: 10px;
	top: 10px;
}

div#stage-content-text ul.menu a.green {
	color: #228503;
}
div#stage-content-text ul.menu a.orange {
	color: #d36d00;
}


/*** LETTERS ***/
/**************************************************************************/

div#letters-selections {
	height: 70px;
	padding-left: 10px;
	position: relative;
}
div#letters-creditors-select, div#letters-select-template {
	background-image: url(../images/diypack/letters/creditor-list-bg.jpg);
	background-repeat: no-repeat;
	width: 266px;
	padding-top: 10px;
	height: 70px;
	float: left;
}
div#letters-creditors-select {
	margin-right: 5px;
}
div#letters-creditors-select h2, div#letters-select-template h2, div#letter-details h2, div#letter-details-2 h2 {
	color: #2780a9;
	font-size: 12px;
	font-weight: bold;
}
div#letters-creditors-select select, div#letters-select-template select {
	margin-left: 10px;
}
a#letters-add-creditors {
	background-image: url(../images/diypack/letters/add-creditor.gif);
	background-repeat: no-repeat;
	width: 82px;
	height: 21px;
	display: block;
	position: absolute;
	left: 185px;
	top: 45px;
}

div#letter-details, div#letter-details-2 {
	background-image: url(../images/diypack/letters/letter-details-bg.jpg);
	background-repeat: no-repeat;
	width: 544px;
	padding-top: 10px;
	margin-left: 10px;
	margin-top: 10px;
	display: none;
}
div#letter-details table, div#letter-details-2 table {
	border-collapse: collapse;
	font-size: 12px;
	margin-left: 10px;
	width: 534px;
}
div#letter-details table td , div#letter-details-2 table td{
	padding-top: 5px;
	padding-bottom: 5px;
}
div#letter-details table textarea, div#letter-details-2 table textarea {
	width: 500px;
	height: 50px;
}
input#input-save-letter {
	background-repeat: no-repeat;
	position: absolute;
	top: 10px;
	left: 10px;
}
a#print-letter {
	background-image: url(../images/diypack/letters/print-letter.gif);
	background-repeat: no-repeat;
	width: 77px;
	height: 18px;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
}
div#pdfdownload {
	background-image: url(../images/diypack/letters/pdf-bground.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	width: 543px;
	padding-top: 5px;
	height: 68px;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 5px;
}
div#input_save {
	display: none;
}
a.pdfdownload {
	background-image: url(../images/diypack/letters/pdf_icon.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-top: 10px;
	display: block;
	width: 200px;
	height: 25px;
}
span.pdfsize {
	font-size: 10px;
}
a#letters-next-session {
	background-image: url(../images/diypack/letters/continue.gif);
	background-repeat: no-repeat;
	width: 146px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
}

/*** SPENDING TRACKER ***/
/**************************************************************************/

div#spending-tabs {
	height: 36px;
	margin-bottom: 5px;
	margin-top:20px;
	margin-left: 5px;
}
div#spending-tabs a {
	background-repeat: no-repeat;
	width: 102px;
	padding-top: 10px;
	height: 26px;
	text-align: center;
	display: block;
	float: left;
	margin-right: 5px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
div#spending-tabs a.normal {
	background-image: url(../images/diypack/spending/tab-norm.jpg);
	color: #000000;
}
div#spending-tabs a.selected {
	background-image: url(../images/diypack/spending/tab-selected.jpg);
	color: #FFFFFF;
}
div#spending-tabs a.normal:hover, div#spending-tabs a.selected:hover {
	color: #e8aa01;
}

div#spending-header {
	background-image: url(../images/diypack/creditor-header.jpg);
	background-repeat: no-repeat;
	margin-left: 5px;
	width: 544px;
	padding-top: 5px;
	height: 37px;
	position: relative;
	margin-bottom: 10px;
}
div#spending-header p {
	color: #2780a9;
	font-weight: bold;
	font-size: 12px;
}
div#spending-header p#spending-week-input {
	position: absolute;
	right: 10px;
	top: 5px;
}
div#spending-header p#spending-total {
	position: absolute;
	right: 70px;
	top: 5px;
	color: #000000;
}

table#spending-list {
	border-collapse: collapse;
	margin-left: 10px;
	width: 540px;
	font-size: 11px;
}
table#spending-list th {
	padding-bottom: 5px;
	padding-left: 5px;
}
table#spending-list td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
table#spending-list td a {
	color: #2780a9;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
table#spending-list td a:hover {
	text-decoration: underline;
}
table#spending-list input#spending-description {
	width: 220px;
}
table#spending-list input#spending-date {
	width: 80px;
}
table#spending-list input#spending-cost {
	width: 50px;
}

/* INCOME BOOSTING */
table#income-boosting {
	border-collapse: collapse;
	margin-left: 15px;
	margin-right: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
table#income-boosting th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #247ea8;
	padding-bottom: 5px;
}
table#income-boosting td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	vertical-align: top;
}
table#income-boosting td a {
	color: #247ea8;
	text-decoration: none;
	font-weight: bold;
}
table#income-boosting td a:hover {
	text-decoration: underline;
}
table#income-boosting textarea {
	width: 250px;
	margin-left: 0px;
	margin-top: 0px;
}


table#income-boosting input {
	width: 70px;
}
table#income-boosting input.income-boosting-check {
	width: 15px;
}
table#income-boosting input.income-boosting-add, table#income-boosting input.income-boosting-save {
	width: 100px;
}
table#income-boosting textarea {
	width: 180px;
}
table#income-boosting tr.income-boosting-example {
	color: #999;
}
table#income-boosting tr.income-boosting-row td {
	padding-top: 10px;
	border-top: 1px solid #CCC;
}



table#income-boosting input.income-boost-text {
	width: 70px;
}
h5 {
	background-image: url(../images/diypack/h5-background.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	width: 533px;
	padding-top: 7px;
	height: 25px;
	color: #2780a9;
	font-size: 13px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 10px;
}

/* SPENDING SLASHER */
table#spending-slasher {
	border-collapse: collapse;
	margin-left: 15px;
	margin-right: 15px;
	width: 520px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
table#spending-slasher th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #247ea8;
	padding-bottom: 5px;
}
table#spending-slasher td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	vertical-align: top;
}
table#spending-slasher td a {
	color: #247ea8;
	text-decoration: none;
	font-weight: bold;
}
table#spending-slasher td a:hover {
	text-decoration: underline;
}
table#spending-slasher textarea {
	width: 200px;
	margin-left: 0px;
	margin-top: 0px;
}
table#spending-slasher input.spending-slasher-text {
	width: 70px;
}

input#pdr-update {
	position: absolute;
	right: 15px;
	top: 10px;
}

/* Spending Slasher V2 */
table#spending-slasher2 {
	font-size: 11px;
	margin-left: 15px;
	margin-right: 15px;
	border-collapse: collapse;
}
table#spending-slasher2 th {
	border-bottom: 1px solid #247ea8;
}
table#spending-slasher2 td, table#spending-slasher2 th {
	padding: 2px 2px 5px 2px;
}
table#spending-slasher2 th {
	vertical-align: bottom;
}
table#spending-slasher2 td {
	vertical-align: top;
}
table#spending-slasher2 input {
	width: 70px;
}
table#spending-slasher2 input.spending-slasher-check {
	width: 15px;
}
table#spending-slasher2 input.spending-slasher2-add, table#spending-slasher2 input.spending-slasher2-save {
	width: 100px;
}
table#spending-slasher2 textarea {
	width: 180px;
}
th#spending-slasher2-action {
	width: 180px;
}
th#spending-slasher2-when, th#spending-slasher2-estimated, th#spending-slasher2-actual {
	width: 80px;
}
th#spending-slasher2-done {
	width: 35px;
}
table#spending-slasher2 td a {
	color: #247ea8;
	text-decoration: none;
	font-weight: bold;
}
table#spending-slasher2 td a:hover {
	text-decoration: underline;
}
tr.spending-slasher-example {
	color: #666;
}
table#spending-slasher2 tr.spending-slasher-row td {
	padding-top: 10px;
	border-top: 1px solid #CCC;
}
div#credit-payment-calculator {
	background-image: url(../images/diypack/creditors-payment-calculator-link.jpg);
	background-repeat: no-repeat;
	padding-left: 40px;
	width: 296px;
	padding-top: 8px;
	height: 60px;
	margin-left: 10px;
	margin-top: 15px;
}
div#credit-payment-calculator p {
	margin-top: 5px;
}
div#credit-payment-calculator a {
	color: #006;
	text-decoration: none;
	font-weight: bold;
}



/*** FOOTER STYLES ***/
/**************************************************************************/


div#footer {
	background-image: url(../images/diypack/footer-bground.jpg);
}