/*
----------------------------------------------------------------
Forms Specific Styles
----------------------------------------------------------------
*/

/*   Registration Form   */
#reg_container {
	/*background-color: #fff6dd;*/
	width: 480px;
	color: #333;
	margin-bottom:20px;
}
#reg_body {
	border: 1px solid #FFAA01;
}
#reg_body h3 { margin:0; }
#titlebar {
	background-image: url(../p7tbm/img/graf-mbar.jpg);
	background-repeat: repeat-x;
	background-color: #333333;
	margin: 0px;
	height: 28px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#reg_container h1 {
	float:left;
	display:inline;
	color:#FFFFFF;
	padding-top: 6px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
}
#reg_container h2 {
	float:left;
	display:inline;
	color:#FFFFFF;
	padding-top: 6px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
}
#reg_container h3 {
	font-size: 12px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}

#reg_container h3 a:link, #reg_container h3 a:visited { font-size:12px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;border-bottom:1px solid #999; }
#reg_container h3 a:hover { border-bottom:1px solid #000;color:#000; }

#reg_container .box_reg {
	/*background-color: #fff6dd;*/
	padding-top: 6px;
	padding-left: 10px;
	padding-bottom: 6px;
	padding-right: 0px;
	/*border-top: 1px solid #FFFFFF;*/
}
#reg_container p {
	margin-bottom: 5px;
}

.reg_title {
	width: 30%;
	float: left;
	text-align:right;
	font-weight:bold;
	padding-top:2px;
}
.reg_space {
	width: 2%;
	float: left;
}
.reg_element {
	width: 65%;
	float: left;
}
.reg_blank {
	width: 97%;
	float: left;
}
.input_css {
	border: none;
}
/* =========================== */


/*       Login Form        */
#log_container {
	/*background-color: #fff6dd;*/
	width: 480px;
	color: #333;
	padding-left: 100px;
	margin-bottom:20px;
}
#log_body {
	border: 1px solid #FFAA01;
}
#log_body h3 { margin:0; }
#log_titlebar {
	background-image: url(../p7tbm/img/graf-mbar.jpg);
	background-repeat: repeat-x;
	background-color: #333333;
	margin: 0px;
	height: 28px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#log_container h1 {
	float:left;
	display:inline;
	color:#FFFFFF;
	padding-top: 6px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
}
#log_container .box_log {
	/*background-color: #fff6dd;*/
	padding-top: 6px;
	padding-left: 10px;
	padding-bottom: 6px;
	padding-right: 0px;
	/*border-top: 1px solid #FFFFFF;*/
}
#log_container p {
	margin-bottom: 5px;
}

.log_title {
	width: 30%;
	float: left;
	text-align:right;
	font-weight:bold;
	padding-top:2px;
}
.log_space {
	width: 2%;
	float: left;
}
.log_element {
	width: 65%;
	float: left;
}
.log_blank {
	width: 97%;
	float: left;
}
/* =========================== */

/*       Calculator Form        */
#cal_container {
	/*background-color: #fff6dd;*/
	/*width: 480px;*/
	/*font-size: .9em;*/
	color: #333;
	/*padding: 10;*/
	margin-bottom:20px;
	background-color: #FFEFD5;
}
#cal_container input {
	font-size: 1.0em;
	/*line-height:1.5em;*/
}
#cal_body {
	border: 1px solid #FFAA01;
}
#cal_body h3 { margin:0; }
#cal_titlebar {
	background-image: url(../p7tbm/img/graf-mbar.jpg);
	background-repeat: repeat-x;
	background-color: #333333;
	margin: 0px;
	height: 28px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#cal_container h1 {
	float:left;
	display:inline;
	color:#FFFFFF;
	padding-top: 6px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
}
#cal_container .box_cal {
	/*background-color: #fff6dd;*/
	padding-top: 6px;
	padding-left: 8px;
	padding-bottom: 6px;
	padding-right: 0px;
	/*border-top: 1px solid #FFFFFF;*/
}
#cal_container p {
	margin-bottom: 5px;
}
.editrec {
	float: left;
	font-size: 1.2em;
	width: 676px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: #F99A00 1px solid;
}
.addrec {
	float: left;
	font-size: 1.2em;
	width: 676px;
	padding-top: 15px;
	padding-bottom: 5px;
}
/*======= Column Formatting ========*/

.cal_col_hd {
	font-weight: bold;
	padding-bottom: 5px;
}

.cal_col_hd_2 {
	font-weight: bold;
	margin-top: 12px;
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: #F99A00 1px solid;
}
.cal_col_hd_3 {
	font-weight: bold;
	margin-top: 11px;
	padding-top: 5px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F99A00;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F99A00;
}
.space {
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F99A00;
}
.space_acd {
	padding-top: 4px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F99A00;
}
.account_display {
	padding-left: 5px;
	margin-right: 2px;
}
.txt_right_pad {
	text-align: right;
	padding-right: 8px;
}
.txt_right {
	text-align: right;
}
.vb_left {
	border-left: #F99A00 1px solid;
}
.vb_right {
	border-right: #F99A00 1px solid;
}
.hb_top {
	border-top: #F99A00 1px solid;
}
.padout5 {
	margin-right: 5px;
}
/* ------- Column Widths -------*/

.wd_account {
	float: left;
	width: 155px;
}
.wd_details {
	float: left;
	width: 95px;
}
.wd_amount {
	float: left;
	width: 68px;
}
.wd_freq {
	float: left;
	/*width: 100px;*/
	width: 98px;
}
.wd_due {
	float: left;
	float: left;
	/*width: 87px;*/
	width: 87px;
}
.wd_due_input {
	float: left;
	width: 137px;
}
.wd_sum {
	float: left;
	/*width: 54px;*/
	width: 56px;
	/*text-align: right;*/
}
.wd_ecd {
	float: left;
	width: 30px;
	/*border:#666666 1px solid;*/
	text-align: center;
}
.wd_add_entry {
	float: left;
	width: 105px;
	text-align: center;
}
.wd_amtperiod {
	float: left;
	width: 152px;
}
.wd_totalentries {
	float: left;
	width: 160px;
	text-align: right;
}
.wd_youraccounts {
	float: left;
	width: 372px;
	letter-spacing: 0.5em;
	text-align: center;
}
.wd_entries {
	float: left;
	width: 50px;
	text-align: center;
}
.wd_nodata {
	float: left;
	width: 680px;
	text-align: center;
}
.wd_botleft {
	float: left;
	width: 490px;
	padding-top: 5px;
	font-weight: bold;
	text-align: right;
}
.wd_botsum {
	float: left;
	width: 80px;
	padding-top: 5px;
	padding-left: 5px;
	text-align: right;
}
.wd_botright {
	float: left;
	width: 100px;
	padding-top: 5px;
	padding-left: 5px;
	text-align: left;
}
/* =========================== */

.seg_1 {
	background-color:fuchsia;
	color:white;
	border: #CCCCCC 1px solid;
	padding-left: 2px;
	padding-right: 2px;
}
.seg_2 {
	background-color:lime;
	border: #CCCCCC 1px solid;
	padding-left: 2px;
	padding-right: 2px;
}
.seg_3 {
	background-color:red;
	color:white;
	border: #CCCCCC 1px solid;
	padding-left: 2px;
	padding-right: 2px;
}
.seg_4 {
	background-color:yellow;
	border: #CCCCCC 1px solid;
	padding-left: 2px;
	padding-right: 2px;
}


/*=============================*/
/*       Overview Page        */

#ov_container {
	width: 490px;
	color: #333;
	margin-bottom:30px;
	background-color: #FFEFD5;
}
#ov_body {
	border: 1px solid #FFAA01;
}
#ov_body h3 { margin:0; }
#ov_titlebar {
	background-image: url(../p7tbm/img/graf-mbar.jpg);
	background-repeat: repeat-x;
	background-color: #333333;
	margin: 0px;
	height: 28px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#ov_container h1 {
	float:left;
	display:inline;
	color:#FFFFFF;
	padding-top: 6px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
}
#ov_container .box_ov {
	/*background-color: #fff6dd;*/
	padding-top: 6px;
	padding-left: 5px;
	padding-bottom: 6px;
	padding-right: 0px;
	/*border-top: 1px solid #FFFFFF;*/
}
#ov_container p {
	margin-bottom: 5px;
}

.ov_wd_account {
	float: left;
	width: 150px;
}
.ov_wd_details {
	float: left;
	width: 90px;
	padding-left: 5px;
}
.ov_wd_amount {
	float: left;
	width: 68px;
	padding-right: 15px;
	text-align:right;
}
.ov_wd_freq {
	float: left;
	width: 95px;
}
.ov_wd_sum {
	float: left;
	width: 54px;
	text-align:right;
}
.ov_rowformat {
	border-top: #F99A00 1px solid;
	padding-top: 4px;
	padding-bottom: 4px;
}
.ov_hdformat {
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 6px;
}
.ov_wd_tot {
	float: left;
	width: 385px;
	padding-right: 10px;
	font-weight: bold;
	text-align:right;
}
.ov_wd_totamt {
	float: left;
	width: 82px;
	font-weight: bold;
	text-align:right;
}
.ov_rowformat_tot {
	border-top: #F99A00 1px solid;
}

/*=============================*/
/*  Overview Allocation Page   */

#alloc_container {
	/*background-color: #fff6dd;*/
	width: 490px;
	/*font-size: .9em;*/
	color: #333;
	/*padding: 10;*/
	margin-bottom:20px;
	background-color: #FFEFD5;
}
#alloc_container input {
	font-size: 1.0em;
	/*line-height:1.5em;*/
}
#alloc_body {
	border: 1px solid #FFAA01;
}
#alloc_body h3 { margin:0; }
#alloc_titlebar {
	background-image: url(../p7tbm/img/graf-mbar.jpg);
	background-repeat: repeat-x;
	background-color: #333333;
	margin: 0px;
	height: 28px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#alloc_container h1 {
	float:left;
	display:inline;
	color:#FFFFFF;
	padding-top: 6px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
}
#alloc_container .box_alloc {
	/*background-color: #fff6dd;*/
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 0px;
	/*border-top: 1px solid #FFFFFF;*/
}
#alloc_container p {
	margin-bottom: 5px;
}

.alloc_wd_amount {
	float: left;
	width: 243px;
	text-align:center;
}
.alloc_wd_where {
	float: left;
	width: 243px;
	text-align:center;
}
.alloc_hdformat {
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 6px;
	text-align:center;
}
.alloc_dataformat {
	padding-top: 4px;
	padding-bottom: 4px;
}
/* =========================== */

/*=============================*/
/*  Overview Summary Page   */

#sum_container {
	/*background-color: #fff6dd;*/
	width: 490px;
	/*font-size: .9em;*/
	color: #333;
	/*padding: 10;*/
	margin-bottom:20px;
	background-color: #FFEFD5;
}
#sum_container input {
	font-size: 1.0em;
	/*line-height:1.5em;*/
}
#sum_body {
	border: 1px solid #FFAA01;
}
#sum_body h3 { margin:0; }
#sum_titlebar {
	background-image: url(../p7tbm/img/graf-mbar.jpg);
	background-repeat: repeat-x;
	background-color: #333333;
	margin: 0px;
	height: 28px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#sum_container h1 {
	float:left;
	display:inline;
	color:#FFFFFF;
	padding-top: 6px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
}
#sum_container .box_alloc {
	/*background-color: #fff6dd;*/
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 0px;
	/*border-top: 1px solid #FFFFFF;*/
}
#sum_container p {
	margin-bottom: 5px;
}

.sum_wd_text {
	float: left;
	width: 273px;
	padding-left: 10px;
	font-weight: bold;
}
.sum_wd_data {
	float: left;
	width: 193px;
	padding-right: 10px;
	font-weight: bold;
	text-align:right;
}
.sum_dataformat {
	padding-top: 4px;
	padding-bottom: 4px;
}
/* =========================== */


/* =========================== */
/*     Pay Period              */
#period_container {
	/*background-color: #fff6dd;*/
	/*width: 480px;*/
	/*font-size: .9em;*/
	color: #333;
	/*padding: 10;*/
	margin-bottom:20px;
	background-color: #FFEFD5;
}
#period_container input {
	font-size: 1.2em;
}
#period_body {
	border: 1px solid #FFAA01;
}
#period_body h3 { margin:0; }
#period_titlebar {
	background-image: url(../p7tbm/img/graf-mbar.jpg);
	background-repeat: repeat-x;
	background-color: #333333;
	margin: 0px;
	height: 28px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#period_container h1 {
	float:left;
	display:inline;
	color:#FFFFFF;
	padding-top: 6px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
}
#period_container .box_period {
	/*background-color: #fff6dd;*/
	padding-top: 6px;
	padding-left: 8px;
	padding-bottom: 6px;
	padding-right: 0px;
	/*border-top: 1px solid #FFFFFF;*/
}
#period_container p {
	margin-bottom: 5px;
}
.wd_per_space {
	float: left;
	width: 100px;
}
.wd_per_income_hd {
	float: left;
	width: 190px;
	text-align: right;
	font-weight: bold;
}
.wd_per_income {
	float: left;
	width: 80px;
	padding-left: 10px;
}
.wd_per_period_hd {
	float: left;
	width: 80px;
	text-align: right;
	font-weight: bold;
}
.wd_per_period {
	float: left;
	width: 100px;
	text-align: right;
}
.wd_per_update {
	float: left;
	width: 105px;
	text-align: right;
}



.period_title {
	width: 595px;
	float: left;
	text-align:right;
	font-weight:bold;
}
.period_element {
	width: 95px;
	float: left;
	text-align:right;
}

/* =========================== */

.clear-both {	height: 1px;	font-size: xx-small;	clear: both;	}
.clearfix:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* inline-block fix for IE7 \*/
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */

.display-none {	display: none;	}
.align-center {	text-align: center;	}
.align-right {	text-align: right;	}
.float-left	{	float: left;	}
.float-right	{	float: right;	}
.label_padding {	padding-top: 4px;	}

.border_btm_grey {	border-bottom: 1px solid #666666;	}
.border_left_grey {	border-left: 1px solid #666666;	}
.error	{	color: #FF0000;	}
.txt_small	{	font-size: 12px;	}
#reg_body ul, #reg_body ol {
	margin: 10px;
	padding: 0px;
}
#reg_body ul li, #reg_body ol li {
	margin-bottom: 10px;
}

.smallText { font-size:10px; }

.astr {
	color: red;
	font-weight:bold;
}