/* -----------------------------------------------
Penny Puddle Master Stylesheet

Author: Phil Cady

Contributor: Erin Tozour

Updated: 12/14/08
----------------------------------------------- */

/*----- G L O B A L S -----*/

body 						{ font-family: Arial, Helvetica Condensed; background-color: #bda38e;  margin: 0 auto; padding:0; }
img 						{ border:none;behavior: url(iepngfix.htc);}
form						{ margin:0; padding:0; }

.content					{ font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:1.5em; color:#5f5f5f; margin-top:0; }
.hide						{ display:none; }

fieldset					{ width:90%; }
th							{ font-size:small; text-align:left; }

h1,h2,h3,h3,h4,h5,h6,p		{ margin: 0; padding: 0; border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline;	background: transparent; }

.bump_top					{ margin-top:10px; }


/*--- G E N E R A L  S T Y L E S ----*/

.bkg						{ background:#fff url(images/Home_FINAL_02.png) top repeat-x; }

.logo						{ background:url(images/Home_FINAL_03.png) top left no-repeat; height:95px;margin:10px; }
.hdr_text					{ font-size:9px; color:#877c76; }
.hdr_text a					{ font-size:9px; color:#889ca6; }
.hdr_text a:hover			{ font-size:9px; color:#3d5a68; }
.copyright					{ margin-top:10px; color:#bda38e; font-size:9px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-top:5px; padding-bottom:5px; text-align:right; }
.copyright a				{ color:#bda38e; padding: 0 2px 0 2px; }
.copyright a:hover			{ color:#97765c; text-decoration:none; }

.body_text					{ font-family:Arial, Helvetica, sans-serif; font-size:.9em; text-align:justify; }
.body_text_leftjust					{ font-family:Arial, Helvetica, sans-serif; font-size:.9em; text-align:left; }

p.body_text 				{ margin-top:7px; }


.banner					{ background-image: url(images/sidebar_bkg_06.jpg);background-position:top right; background-repeat:no-repeat;margin-bottom:10px;height:290px; }
.bannerlink				{ position:relative;top:-10px; left:45px; }
.page_title 				{ color: #000; font-size: 20px; font-weight: bold; }
.body_title					{ font-size:20px; font-weight:bold; margin-top:17px; }
.body_ftr					{ background-image:url(images/All_Plans_Overview_05.gif);background-repeat:no-repeat;background-position:left bottom; }

a.sign 						{ text-decoration: underline; color: #21A2B8; }
a.sign:hover 				{ text-decoration: none; color: #000; }

.datarow1 					{ background-color: #fff; }
.datarow2 					{ background-color: #EBF2F8; }

.outline 					{ background-color: #3D84CC; }

input.search 				{ width: 98%; }
input.btn_general 			{ padding: 2px 5px 2px 5px; background-color:#3D84CC; color: #fff; font-weight:bold; border: none; }

div.page_first 				{ width: 21px; height: 21px; background-image:url(images/page_first.png); cursor: pointer; }
div.page_prev 				{ width: 21px; height:21px; background-image:url(images/page_prev.png); cursor: pointer; }
div.page_next 				{ width:21px; height:21px; background-image:url(images/page_next.png); cursor:pointer; }
div.page_last 				{ width:21px; height:21px; background-image:url(images/page_last.png); cursor:pointer; }

a.planner_link1				{ color:#0000FF; text-decoration: underline; }
a.planner_link2 			{ color: #3D84CC; text-decoration: underline; }

a.planner_link2:hover 		{ color: #FF0000; }

#div_alert 					{ color:#FF0000; }

table.pagenation td 		{ padding-left:10px; padding-right:10px; }

a.page_unselected 			{ text-decoration:none; color:#9B2900; font-weight:bold; }
a.page_selected 			{ text-decoration:none; font-size:12px; font-weight:bold; color:#F34A0D; }

div.module_purchased 		{ width:160px; padding-top:10px; padding-bottom:10px; background-color:#E8FFEE; border: solid 1px #000; }
div.module 					{ width: 160px; padding-top:10px; padding-bottom:10px; background-color: #CCC; border: solid 1px #000; }

.msgcenter					{ background:url(images/comp_user_area_module_03.png) no-repeat; padding-top:25px; }

.all_plans					{color:#5F5F5F; font-size:0.9em; line-height:1.6em; margin:0 0 12px; text-align:justify;}

/*--- N A V I G A T I O N --- */

#top_nav ul					{ margin: 0; padding:0; list-style:none; }
#top_nav li					{ float:left; list-style:none; padding:0 10px 0 10px; }
#top_nav ul a 				{ float:left; display:block; padding:0 2em; line-height:2.1em; text-decoration:none; color:#889ca6; }

#top_nav a:hover			{ color:#3d5a68; }

#home, #home a				{ background:url(images/nav_btns_03.png) top no-repeat; width:50px; height:22px; display:block; }
#works, #works a			{ background:url(images/nav_btns_04.png) top no-repeat; width:50px; height:22px; display:block; }
#plans, #plans a			{ background:url(images/nav_btns_05.png) top no-repeat; width:50px; height:22px; display:block; }
#info, #info a				{ background:url(images/nav_btns_06.png) top no-repeat; width:50px; height:22px; display:block; }

.user_tabs					{ margin-top:7px; }


/* --- U S E R   S T Y L E S --- */

.userlogobkg				{ background:#fff url(images/user_area_02.png) top left no-repeat; }
.debtbkg					{ background:url(images/user_dashboard_09.png) top left no-repeat; height:119px; }
.users						{ font-size:10px; background-color:#fff9f1; } 

.msgs						{ background:url(images/user_dashboard_18.png) top left no-repeat; height:34px; margin:10px 10px 0 10px; }
	.msgs a	,.dldplan a, .prv a, .subplan a				{ position:relative; top:7px; left:90px; text-decoration:none; font-size:13px; font-weight:bold; }
.dldplan					{ background:url(images/user_dashboard_23.png) top left no-repeat; height:34px; margin:10px 10px 0 10px; }
.prv						{ background:url(images/user_dashboard_25.png) top left no-repeat; height:34px; margin:10px 10px 0 10px; }
.subplan					{ background:url(images/user_dashboard_26.png) top left no-repeat; height:36px; margin:10px 10px 12px 10px; }


.mod_basic					{ margin-top:20px; padding:100px 20px 0 20px;background-image:url(../../sys/style/images/basic_module_03.png);background-position:top left;background-repeat: no-repeat; }
.mod_debt					{ margin-top:20px; padding:100px 20px 0 20px;background-image:url(../../sys/style/images/debt_module_03.png);background-position:top left;background-repeat: no-repeat; }
.mod_house					{ margin-top:20px; padding:100px 20px 0 20px;background-image:url(../../sys/style/images/home_module_03.png); background-position:top left; background-repeat: no-repeat; }
.mod_school					{ margin-top:20px; padding:100px 20px 0 20px; background-image:url(../../sys/style/images/school_module_03.png); background-position:top left; background-repeat: no-repeat; }
.mod_retire					{ margin-top:20px; padding:100px 20px 0 20px; background-image:url(../../sys/style/images/retire_module_03.png); background-position:top left; background-repeat:no-repeat; }
.mod_life					{ margin-top:20px; padding:100px 20px 0 20px; background-image:url(../../sys/style/images/retire_module_03.png); background-position:top left; background-repeat:no-repeat; }

/* --- 	A D M I N  S T Y L E S ---*/

.adminbkg th, .planbkg th				{ background-color:#bda897; color:#fff; text-transform:uppercase; font-size:10px; }
.adminbkg td, .planbkg td				{ padding:2px; background-color:#fff; }

.adminbkg					{ background:#fff url(images/admin_dashboard_02.png) top left no-repeat; }
.planbkg					{ background:#fff url(images/planner_dashboard_02.png) top left no-repeat; }

.ass_plans					{ background-image:url(images/admin_dashboard_30.png); background-position: top left;background-repeat: no-repeat;  }
.sub_plans					{ background-image:url(images/comp_admin_dashboard_03.png); background-position: top left; background-repeat: no-repeat;  }
.cre_plans					{ background-image:url(images/comp_admin_dashbrd_03.png); background-position: top left; background-repeat: no-repeat;  }
.fin_plans					{ background-image:url(images/comp_admin_dashboard_09.png); background-position: top left ; background-repeat:no-repeat;  }


/*--- V A L I D A T I O N ---*/

.panel 						{	clear: both;	display: none;	border: 3px solid #CCC;	padding: 1em;}
.panel.active-tab-body 		{	display: block; }

#tabs 						{ list-style: none; }
#tabs li 					{ float: left; }
#tabs a						{ float:left; padding:5px 8px; margin-left: 6px; background-color:#F2F2F2;	text-decoration: none;	color: #999;}
#tabs a.active-tab 			{ background-color: #CCC;	border-top: 3px solid #999;	padding-top: 3px;	color: #000; }

input.disabled 				{ border: 1px solid #F2F2F2;	background-color: #F2F2F2; }

input.required, textarea.required 					{ border: 1px solid #00A8E6; }
input.validation-failed, textarea.validation-failed { border: 1px solid #FF3300;	color : #FF3300; }
input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00;	color : #000; }

.validation-advice 			{ margin: 5px 0; padding: 5px;	background-color: #FF3300;	color : #FFF;	font-weight: bold; }

.custom-advice 				{ margin: 5px 0; padding: 5px;	background-color: #C8AA00;	color : #FFF;	font-weight: bold;}

fieldset 					{ padding: 1em;	margin-bottom: 0.5em;}

label 						{ font-weight: bold;}
.form-row					{ clear: both;	padding: 0.5em;}
.field-label 				{ }
.field-widget 				{ }


/* --- D A T E  P I C K E R ---*/

a.dp-choose-date 				{ float: left; width: 16px; height: 16px;	padding: 0;	margin: 5px 3px 0;	display: block;	text-indent: -2000px;overflow: hidden;	background-image:url(images/calendar.png);background-repeat: no-repeat; }

a.dp-choose-date.dp-disabled 	{ background-position: 0 -20px;	cursor: default; }

/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
 
input.dp-applied				{ width: 142px;	float: left; }


/*--- I M P R O M P T U ---*/

.jqiwarning .jqi				{      background-color: #b0be96; }
.jqifade						{      background-color: #fff; }
div.jqi							{      position: absolute; background-color: #c0cEa6; padding: 10px; width:300px; }
div.jqi .jqiclose				{      float: right; margin: -35px -10px 0 0; cursor: pointer; color:#006633; font-family:Georgia, "Times New Roman", Times, serif;}
div.jqi .jqicontainer			{      background-color: #e0eEc6; padding: 5px; color: #fff; font-weight: bold; }
div.jqi .jqimessage				{      background-color: #c0cEa6; padding: 10px;}
div.jqi .jqibuttons				{      text-align: center;  padding: 5px 0 0 0; }
div.jqi button					{      padding: 3px 10px 3px 10px;  margin: 0 10px; }