@charset "utf-8";
/* CSS Document */
body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #000;
	line-height: 1.2em;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#1b3564;
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 22px;
	text-transform:none; 
	margin-bottom: 20px;
}
h2 {
	font-size: 1.4em;
	line-height: 22px;
	text-transform:none;
	margin-bottom: 15px;
}
h3 {
	font-size: 1.3em;
	color:#000000;
	margin-left: 0px;	
	margin-bottom: 10px;
}
h4 {
	font-size: 1.2em;
	margin-bottom: 10px;
	line-height: 1.3em;
}
h5 {
	margin-top: 0px;
	margin-bottom: 1px;
}
h6 {
	margin-top: 15px;
	margin-bottom: 20px;
}

p {
	font-size: 1em;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px 0px 10px;
}



.homecontainer {
	float: left;
	width: 960px;
	margin-top: 0px;
	margin-left: 30px;
	background-image: url(../images/homeimg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.container {
	float: left;
	width: 960px;
	margin-top: 0px;
	margin-left: 30px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.logo {
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	float: left;
	clear:both;
	height: 134px;
	width: 352px;
}

/* Navigation*/
.nav {
	clear: both;
	float: left;
	width: 310px;
	height: 217px;
}


#navlist
	{
	font-size: 1.2em;
	color:#666;
	height:32px;
	padding:2px;
	margin:0px;
	font-weight: bold;
	}

#navlist li
	{
	list-style: none;
	margin: 0;
	}

#navlist li a
	{
	height: 27px;
	text-decoration: none;
	float: left;
	clear:both;
	padding-left: 50px;
	padding-top: 5px;
	background:url(../images/navi_trenner.gif) no-repeat;
	}

#navlist li a:link, #navlist li a:visited { 
	color: #666; 
	}

#navlist li a:hover {
	color: #666;
	background: url(../images/bg_navi_hover.gif) no-repeat;
	}

#navlist li a#current, #navlist li a:hover#current
	{
	color: #666;
	background: url(../images/bg_navi_hover.gif) no-repeat;
	}	
	
/*greenband */	

.greenband {
	background-image: url(../images/greenband.gif);
	background-repeat: repeat-x;
	clear: both;
	float: left;
	height: 131px;
	width: 960px;
}
.greenbandthin {
	background-image: url(../images/greenband.gif);
	background-repeat: repeat-x;
	clear: both;
	float: left;
	height: 100px;
	width: 960px;
}
#stepsbox {
	background-image: url(../images/boxbk.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 121px;
	width: 300px;
	margin-left: 310px;
	padding: 10px 10px 0px 10px;
	font-family: trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#FFF;
	
}
#stepsbox li {
	list-style: decimal;
	list-style-position:outside;
	margin-left: -20px;
	margin-bottom: 3px;
	
}
.startbox {
	float: left;
	height: 131px;
	width: 320px;
}


.leftcol {
	float:left;
	width: 270px;
	padding-right: 30px;
	padding-left: 10px;
}
.rightcol {
	float:left;
	width: 650px;
	
}
.welcomebox {
	padding-bottom: 30px;
	background-image: url(../images/bottomshadsm.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	width: 270px;
}
.newsbox {
	padding-bottom: 30px;
	background-image: url(../images/bottomshadsm.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	width: 270px;
}

.botbox1 {
	background-image: url(../images/embarrassedbox.jpg);
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-right: 10px;
	float: left;
	height: inherit;
	width: 215px;
	padding-top: 15px;
	padding-right: 90px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.botbox2 {
	background-image: url(../images/5minutesbox.jpg);
	background-repeat: no-repeat;
	padding: 15px 90px 5px 15px;
	float: left;
	height: 145px;
	width: 215px;
	margin-top: 30px;
}
#footer {
	font-size: 10px;
	color: #666;
	float: left;
	height: 50px;
	width: 960px;
	margin-top: 30px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9C0;
	text-align: center;
}
#footer a {
	color:#666;
}
.imgform {
	background-image: url(../images/debt-management-form2.jpg);
	float: left;
	height: 134px;
	width: 607px;
}
.imglaptop {
	background: transparent url(../images/girl-laptop.jpg) no-repeat right top;
	float: left;
	height: 134px;
	width: 607px;
}
.imgthankyou {
	background-image: url(../images/debt-management-form.jpg);
	float: left;
	height: 134px;
	width: 607px;
}
.textcol {
	float: left;
	width: 315px;
	margin-right: 10px;
	margin-top: 20px;
	background-image: url(../images/bottomshad.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 40px;
	
}
.bullet {
	margin-left:20px;
}
.greenbox {
	background-image: url(../images/greengradbk.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 10px;
	float: left;
	width: 250px;
	margin-bottom: 20px;
	border: 1px solid #9C3;
}
.box {
	padding: 10px;
	float: left;
	width: 250px;
	margin-bottom: 20px;
	
}
.bluebox {
	padding: 10px;
	float: left;
	width: 250px;
	margin-bottom: 20px;
	border: 1px solid #1b3564;
}
.pagemenu {
	color: #333;
	background-color: #F0FBCE;
	padding: 10px 5px 0px 10px;
	margin-top: 10px;
	margin-bottom: -10px;
	clear: both;
	float: left;
	height: auto;
	width: 635px;
}
.formbox {
	width: 550px;
	padding: 10px;
	border: 1px solid #1B3580;
	float: left;
}
form {
	padding: 10px;
}
form a {
	color: #33CC66;
}

/* Form Sections ======================================================================== */

/* Form Sections ======================================================================== */

/* Fieldset  */
fieldset {
	margin: 10px 0;
	padding: 0px 20px 15px;
	background-color:#FAFAFA;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;	
	overflow: auto;
}
legend 
{
	font-size: 1.1em;
	padding: 2px 5px 12px 2px;
	color: #003366;
	font-weight: bold;
}
/* Nested Fieldset  */
fieldset fieldset  {
	background-color:#FFF;
	border: 1px solid #ccc;
}
fieldset fieldset legend {
	font-size: 90%;
}
/* Inline Section */
.inlineSection {
	overflow: auto;
	width: 100%;	
}


/* Combo Label + Input Field =========================================================== */
form .oneField {
	margin: 6px 0;
	display: block;
	vertical-align: middle;
}
form .inlineSection .oneField {
	margin-right: 2px;
	white-space: nowrap;	
	display: inline;
}
/* Ties together a label and its checkbox or radio */
form .oneChoice {
	white-space: nowrap; 	
}

/* Field Labels ======================================================================== */

/* Base */
label, form .label {	
	color: #333;
	margin: 0;
}
/* Text inputs / Select label */
label.preField {
	display: -moz-inline-box;
	display:inline-block;
	margin: 0.6em 150px 5px 0;
	padding: 0 2px;
	min-width: 7em;
}

/* Text inputs / Select label */
label.postField {
	display:inline-block;
	margin: 0.6em 50px 5px 150px;
	padding: 0 2px;
	min-width: 7em;
}


/* Radio / Checkbox group label */
form .label  {
	display: block; 
	margin: 0.6em 4px 0 0;
	padding: 2px;
}
/* Individual Checkbox / Radio label */
label.postField  {
	margin: 0 4px 0 4px;
	font-size: 75%; 
}
/* Label when inside an inline section */
form .inlineSection .oneField .inlineLabel {
	display: -moz-inline-box;
	display: inline-block;	
	margin: 0.6em 4px 0 0;
	padding: 0 2px;
	min-width: 7em;
	white-space: normal;
}

/* Inputs ======================================================================== */

textarea {
	padding: 2px;
	vertical-align: top;
	margin: 2px 2px 1px 0;
}
input {
	font-size: 110%; 
	margin: 0 10px 0 0;
	padding: 2px;
}
select {
	margin: 2px 2px 1px -4px;
	padding: 2px;
	font-size: 110%; 
}
.inlineSection .oneField select {
	margin: 0 2px 1px 0 !important;
}
.gridSection select  {
	margin: 0 !important;
}

/* Buttons ======================================================================= */

form .actions {
	margin: 20px 0 10px 0;	
	padding: 10px 5px;
	background-color: #F5F5F5;
	border-top: 2px solid #339933;
	text-align:right ;
}

form .actions2 {
	margin: 20px 0 10px 0;	
	padding: 25px 0px;
	text-align:center ;
}


/* Submit button */
form .primaryAction {
}
/* Cancel button */
form .secondaryAction {
	color: grey;
}
form .secondaryAction:hover {
	color: black;
}

/* Form Builder Related Rules ===================================================== */

/* Form or Fieldset instruction paragraph. */
form .instructions {
	margin: 1.5em 0;
	padding: 3px;
	background-color:#FFFFCC;
}
/* Asterisk on required fields */
form .reqMark {
	color: #F00;
	padding: 0 4px;
}
/* wForms Related Rules ========================================================== */

/* Field w/ a validation error */
form .errFld {
	padding: 1px;
	border: 1px solid #F00;
}
/* Styling for message associated with a validation error. */
form .errMsg {	
	color: #CC3333 !important;
	display: block;
}
/* Field-Hint with focus */
form .field-hint {
	position: absolute;
	width: 180px;
	z-index: 50;
	background-image: url(../images/v2/hint_topborder.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 14px 0 0 0;
	margin:  2px 0 0 10px;
	color: #000;
}
form .field-hint div {
	background-color: #fffbb8;
	border-left: 1px solid #ffc20d;
	border-right: 1px solid #ffc20d;
	border-bottom: 1px solid #ffc20d;
	padding: 4px
}
/* Field-Hint without focus */
form .field-hint-inactive {
	visibility: hidden;
	position: absolute;
}
/* Repeat Behavior divs (when not set on a fieldset) */
div.repeat {
	margin: 3px 0;
	padding-right: 6px;
	border: 1px dotted #ddd;
	background-color: #FFFFFF;
}
div.removeable {
	margin: 3px 0;
	padding-right: 6px;	
	border: 1px dotted #ccc;
	background-color: #F3F3F3;
	
}
/* Links generated by the Repeat Behavior */
form .duplicateLink {
	line-height: 260%;
	font-weight: bold;
}
form .removeLink {
	line-height: 260%;
}
form td .duplicateLink, form td .removeLink  {
	margin: 0;
	line-height: 100%;
}
/* Switch Behavior Classes */
.onstate-a,  .onstate-b,  .onstate-c,  .onstate-d,
.onstate-e,  .onstate-f,  .onstate-g,  .onstate-h, 
.onstate-i,  .onstate-j,  .onstate-k,  .onstate-l, 
.onstate-m,  .onstate-n,  .onstate-o,  .onstate-p, 
.onstate-q,  .onstate-r,  .onstate-s,  .onstate-t,
.onstate-u,  .onstate-v,  .onstate-w,  .onstate-x,  
.onstate-y,  .onstate-z,  .onstate-aa, .onstate-ab,
.onstate-ac, .onstate-ad, .onstate-ae, .onstate-af,
.onstate-ag, .onstate-ah, .onstate-ai, .onstate-aj,
.onstate-ak, .onstate-al, .onstate-am, .onstate-an,
.onstate-ao, .onstate-ap, .onstate-aq, .onstate-ar,
.onstate-as, .onstate-at, .onstate-au, .onstate-av,
.onstate-aw, .onstate-ax, .onstate-ay, .onstate-az {
	display: block;
}
/* offstate classes for the Switch Behavior are in wforms-jsonly.css */

.formboxhome {
                width: 250px;
                padding: 10px;
                float: left;
}


 
/* IE6 BUG FIXES ==================================================================== */
form {
	height:expression('1%'); /* IE Pick-a-boo bug fix */
}
form fieldset {
	padding-top: expression('1.5em');
}
form fieldset legend {
	position: expression('absolute'); 
	top: expression('-.5em'); /* Fixes IE problem with fieldset+legend boundaries */
	left:expression('.5em');
}
form .inlineSection .oneField {
	display: expression('inline-block');		
}
label, form .label {	
	font-size: expression('90%');
}
label.preField, label.postfield, form .inlineSection .oneField .inlineLabel {
	width: expression('7em');
	white-space: expression('nowrap');
}
/*==Table Options */
table#options {
	margin-top: 15px;
	width: 100%;
	font-family: Arial;
	color: #000000;
	border: 1px solid #d1df46;
}
table#options th {
	vertical-align: top;
	font-weight: normal;
	border-left: 1px solid #d1df46;
	padding: 5px;
	text-align: center;
	background: #f8fcd1;
}
table#options td {
	border-top: 1px solid #d1df46;
	border-left: 1px solid #d1df46;
	padding: 5px;
	text-align: center;
}
table#options th.longer {
	width: 130px;
	text-align: left;
	padding: 5px 20px;
}
table#options th.left {
	border-left: none;
	width: 420px;
}
table#options td.left {
	border-left: 0;
	padding: 5px 15px;
	text-align: left;
}
p.options {
	width: 752px;
	float: left;
}

/*=Misc*/
img {
	border: 0;
}