﻿/**** ACCOUNT STATUS INPUT PANEL ****/
#status table {
	background: #f7f7f7;
	padding: 0;
}
#status .th_title {
	color: #4a1f0b;
	background-color: #c29c7b;
	font-weight: bolder;
}

#status .thLeft,
#status .tdLeft {
	text-align: left;
}
#status .thCenter,
#status .tdCenter {
	text-align: center;
}
#status legend {text-align: left;}

#status .thRight,
#status .tdRight {
	text-align: right;
}
#status .panel_input {
	width: 582px;
	padding: 6px;
	text-align: left;
	background: #eaeaea;
	border: solid 1px #ababab;
}
#status .panel_input #table_error {
	border: solid 1px #cc3300;
	background: #fff0e6;
	margin: 6px 0px 0px 0px;
}
#status .panel_input #table_error .td_error {
	color: #cc3300;
	padding: 2px;
	font-size: 8pt;
}
#status .account_container {
	border: solid 1px #ababab;
	margin-bottom: 10px;
}
#status .account_container td{padding: 6px 6px 10px 6px;}

#status .panel_input .table_account {
	text-align: left;
	margin: 0px;
	padding: 0px;
	background-color: #f7f7f7;
	border: none;
}
#status .panel_input .table_account .column1 {
	text-align: left;
	padding-left: 4px;
}
#status .panel_input .table_account .text_account {
	width: 60px;
	font-size: 1em;
	height: 12px;
}
#status .panel_input .table_account .dd_account {
	font-size: .9em;
	width: 530px;
}
#status .panel_input .table_account .text_desc {
	width: 450px;
	font-size: 1em;
	height: 14px;
	font-weight: bold;
	background: #d6e5cc;
	color: #383838;
	padding-left: 4px;
	margin-left: 4px;
	border: solid 1px #cdcdcd;
}
#status .panel_input .table_account .account_error {
	width: 450px;
	font-size: 1.1em;
	height: 14px;
	border: solid 1px #cc3300;
	color: #cc3300;
	background: #fff0e6;
	padding-left: 4px;
	margin-left: 4px;
}

/***** ACCOUNT STATUS DISPLAY PANEL ******/
#status .panel_display {
	text-align: left;
	border: solid 1px #ababab;
	background: #eaeaea;
	padding: 4px;
	margin: 0px;
	float: left;
}
html>body #status .panel_display{float:none;}

#status .panel_display .account_links {
	background: #fff;
	padding: 4px 6px 4px 0px;
	border: solid 1px #bababa;
	border-bottom: none;
	text-align: right;
	margin: 0px;
}
#status .panel_display table {
	padding: 0px;
	margin: 0px;
	margin-top: 4px;
	border: solid 1px #cdcdcd;
	border-bottom: none;
	background: #fff;
}
#status .panel_display .tr_payment {
	color: #8b0000;
	background: #eee8aa;
}
#status .panel_display table td {
	text-align: left;
	border-bottom: solid 1px #cdcdcd;
}
#status .panel_display table th{padding:0px;}
#status .panel_display #table_customer{margin:0px;}

#status .panel_display .th_title,
#status .panel_display .th_title_account {
	color: #4a1f0b;
	background: #c29c7b;
	text-align: center;
	font-weight: bolder;
}
#status .panel_display .th_title_account{border-bottom: solid 1px #9e9e9e;}

#status .panel_display .th_center,
#status .panel_display .td_center {
	text-align: center;
	padding: 2px;
}
#status .panel_display .th_left,
#status .panel_display .td_left {
	text-align: left;
	padding: 2px;
	padding-left: 4px;
}
#status .panel_display .th_right,
#status .panel_display .td_right {
	text-align: right;
	padding: 2px;
	padding-right: 4px;
}
#status .panel_display .account_links a{color: Blue;}
#status .panel_display .account_links a:hover{color: Red;}

#status #td_acct_col1 {
	text-align: left;
	border-bottom: solid 1px #7e7e7e;
	border-left: solid 1px #cdcdcd;
	border-right: solid 1px #cdcdcd;
}
#status #td_acct_col2 {
	text-align: left;
	border-bottom: solid 1px #7e7e7e;
	border-left: solid 1px #cdcdcd;
}
#status .panel_display .table_container {
	border: solid 1px #bababa;
	background: #f5f5f5;
	margin: 0px;
}
#status .panel_display .table_container1 td,
#status .panel_display .table_container2 td {
	border: none;
}
#status .panel_display .table_container td{vertical-align: top;}

#status .table_container .th_account_right,
#status .table_container .th_account_bottom_right {
	border-right: solid 1px #cdcdcd;
	border-bottom: none;
	text-align: right;
	padding-right: 2px;
	width: 120px;
}
#status .table_container .th_account_bottom_right{border-bottom: solid 1px #cdcdcd;}
#status #container1{border-bottom:none;}
#status #container2{border-top:none;}

#status #container1 .column_1,
#status #container1 .column_2,
#status #container2 .column_1,
#status #container2 .column_2 {
	border: none;
}

#status #container2 .column_1_center,
#status #container2 .column_2_center 
{
	border: none;
	text-align: center;
}

/***** STATEMENT PAGE *****/
#div_links_current {
	min-width: 570px;
	margin: 5px;
	text-align: right;
	border: none;
	padding-right: 6px;
}
#div_links_current a{color: Blue;}
#div_links_current a:hover{color: Red}

#statement {
	min-width: 570px;
	background-color: #eaeaea;
	border: solid 1px #cdcdcd;
	margin: 2px;
	padding: 4px;
}
#statement table {
	border: solid 1px #ababab;
	padding: 0;
}
#statement table th {
	border: solid 1px #cdcdcd;
	border-bottom: none;
	border-left: none;
	text-align: left;
	padding: 2px 4px 2px 4px;
}	
#statement table td {
	border: solid 1px #cdcdcd;
	border-bottom: none;
	border-left: none;
	padding: 2px 4px 2px 4px;
	color: #000000;
}
#statement .th_title {
	color: #4d1f0b;
	background-color: #c29c82;
	text-align: center;
	font-weight: bolder;
}
#statement .th_space{border-right:none;}

#statement .th_left,
#statement .td_left {
	text-align: left;
}
#statement .th_right,
#statement .td_right {
	text-align: right;
}
#statement .th_center,
#statement .td_center {
	text-align: center;
}
#statement .table_detail{margin-top: 4px;}

/***** PAYMENT RECORD PAGE *****/
#div_links_payment {
	width: 570px;
	text-align: right;
	margin: 0 auto 0 auto;
	padding: 0;
}
#div_links_payment .links_payment{color: Blue;}
#div_links_payment a:hover{color: Red}

#payment {
	width: 570px;
	background-color: #eaeaea;
	border: solid 1px #cdcdcd;
	margin: 5px auto 0 auto;
	padding: 4px;
}
#payment .div_links {
	width: 570px;
	padding: 4px;
}
#payment table {
	width: 100%;
	border: solid 1px #7e7e7e;
	padding: 0;
}
#payment table th {
	border: solid 1px #cdcdcd;
	border-bottom: none;
	border-left: none;
	text-align: left;
	padding: 2px 4px 2px 4px;
}	
#payment table td {
	border: solid 1px #cdcdcd;
	border-bottom: none;
	border-left: none;
	padding: 2px 4px 2px 4px;
	color: #000000;
}
#payment img{height: 54px;}

#payment #div_payment {
	padding: 4px;
	padding-top: 0;
}
#payment .th_title {
	color: #4d1f0b;
	background-color: #c29c82;
	text-align: center;
	font-weight: bolder;
}
#payment .th_left,
#payment .td_left {
	text-align: left;
}
#payment .th_right,
#payment .td_right {
	text-align: right;
}
#payment .th_center,
#payment .td_center {
	text-align: center;
}
#payment .div_links {
	text-align: right;
	border: none;
	padding-right: 6px;
}
#payment .table_detail{margin-top: 4px;}
