body {
	padding: 0;
	margin: 10px;
	background: #fff;
/*	font-family: verdana, sans-serif;*/
	font-size: 76%;
	text-align: left;
	line-height: 140%;
	color: #000;
}
#cs1, #cs3, #cs4, #cs5, #cs6, #cs7, #cs8, #cs9, #sizer, #expander, #wrapper, #container {
	width: 600px;
	margin: 0;
	padding: 0;
	float: none !important;
	border: 0;
}
#cs2 {
	display: none;
}
.portletcontrols {
	display: none;
}

h4, h5, h6, h7 {
	color: #000;
}
h1, h2, h3, h4, h5, h6, h7 {
	padding: 0;
	margin: 1em 0 0 0;
	font-weight: bold;
	background: #fff;
	line-height: 110%;
}

h1 {
	font-size: 170%;
}
h2 {
	font-size: 140%;
}
h3 {
	font-size: 130%;
}
h4 {
	font-size: 120%;
}
h5 {
	font-size: 110%;
}

a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000
}
a:hover,
a:active {
	color: #000
}

p {
	border: 0;
	padding: 0;
	margin: 0 0 1em 0;
	color: #000;
}
.top {
	display: none;
}

#header-content {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #008185;
}

#branding {
	margin: 0;
	padding: 0;
}
#branding h1 {
	line-height: 46px;
    display: inline-block;
    vertical-align: bottom;
	color: #000;
}

img#logo {
	width: 42px;
	padding: 0;
	margin: 0 0 0 0px;
	border: 0;
}

#branding-banner {

}
.header-left {
	padding: 0;
}
.header-left li {
	list-style-type: none;
}
.last-logon,
.menu-button,
.menu-container,
.aux-functions,
#branding-authenticated-logout {
	display: none;
}

ul#skiplinks {
	display: none;
}

#branding-gov {
	display: none;
}

#branding-gov ul {
	display: none;
}

#services-global {
	display: none;
}

#accessibility {
	display: none;
}

#services-global form {
	display: none;
}

#footer {
	display: none;
}

#subcontainer_left {
	display: none;
}

ul.navcontainer {
	display: none;
}
    #nav-main {
	display: none;
}

    #nav-main ul {
	display: none;
}

.hide {display: none; }

.more span { }

.tables {
	margin-left: 8%;
	margin-top: 2%;
}

.tables select {
	
}

.tables td h2 {
	font-size: 1em;
}

/* Classes for payment pages - 14/5/01 */
th.left {
	background-color: #9ccece;
	text-align: left;
}

th.right {
	background-color: #c0dede;
	text-align: right;
}

th.center {
	background-color: #c0dede;
	text-align: center;
}

td.left {
	background-color: #9ccece;
	text-align: left;
}

td.right {
	background-color: #c0dede;
	text-align: right;
}

td.center {
	background-color: #c0dede;
	text-align: center;
}

.center{
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
}

.dthead {
	color: #000;
	background-color: #CCE6E7;
}

.errortext {
	color: #F00;
	background-color: #FFF;
}

/**data tables ---------------------------------------------------------------------------------- **/
.td_text_center{
	text-align: center;
}

.td_valign {
	vertical-align: top;
}

.th_left_align{
	text-align: left;
}

.th_right_align{
	text-align: right;
}

.th_center_align {
	text-align: center;
}

.odd {
	color: #000;
	background-color: #F4FAFB;
}

.even {
	color: #000;
	background-color: #FFF;
}

 .indent_table {
	margin-left: 4.0em;
	margin-right: auto;
}

/** data tables - The following classes should be used for tables containing tabular data. **/
/** datatable --------------------------------------------------------------------------------------------- **/
.datatable {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	font-size: 1.0em;
	margin-left: 0;
}

.datatable td {
	padding: 4px;
}

.datatable th {
	/* Table heading of a data table. */
	padding: 4px;
}

.td_left_align{
	text-align: left;
}

.td_right_align{
	text-align: right;
}
 
.dttxt {
	/* Use for columns containing only text. */
	text-align: left;
}

.dtnum {
	/* Use for columns containing only numbers. */
	text-align: left;
}

.dtpnum {
	/* Use for columns where numbers are to be centred ie numbers that are part of a trend or sequrence. */
	text-align: center;
}

.dtcurrency {
	/* Use for columns containing currency values only. */
	text-align: right;
}

.dttxtlabel {
	/* Use for the row labels in row-based data tables. */
	text-align: right;
	font-weight: bold;
}


/** The following classes should be used for tables containing form objects. **/
/** formtable --------------------------------------------------------------------------------------------- **/
.formtable {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

.formtable td {
	padding: 5px 0px 0px 0px;
}

.left_field {
	/** used for left-aligning form objects within table **/
	text-align: left;
}

.right_label {
	/** used for right-aligning form objects within table **/
	text-align: right;
}

.center {
	/** used for centering form objects within table **/
	text-align: center;
}
	.paymentCustomer {
	text-align: center; 
	border-bottom: 7px solid #7F7F7F;	
	}
	.paymentPartner {
	text-align: center; 
	border-bottom: 7px solid #9E9E9E;	
	}

	.incomeCustomer {
	text-align: center; 
	border-bottom: 7px solid #BBBBBB;	
	}
	.incomePartner {
	text-align: center; 
	border-bottom: 7px solid #D7D7D7;	
	}

	.deductionCustomer {
	text-align: center; 
	border-bottom: 7px solid #E5E5E5;	
	}
	.deductionPartner {
	text-align: center; 
	border-bottom: 7px solid #F3F3F3;	
	}
	.white {
	background-color: white;
	text-align: center; 
	border-bottom: 7px solid white;	
	}
.hidden {
	DISPLAY: none;
}

/* Added for landing page print being mis-aligned */
.landing-page-wrapper > ul {
padding: 2em 0;
list-style-type: none;
}

.landing-page-wrapper  ul {
padding: 0 0 0.5em 0;
margin: 0;
list-style-type: none;
}

.landing-page-wrapper  ul ul ul {
padding-left: 1em;
list-style-type: disc;
}

.landing-page-wrapper .letters {
display: none;
}