@import url("../font/font.css");

/* Note: This CSS file is now used by all CP-look themes (including those in Common portal) */

html, body, dl, dt, dd, img, table, td, th {
	margin: 0;
	padding: 0;
	border: 0;
}
table {
	text-align: left;
	font-size: inherit;
}

body { 
	/* padding: 0 385px 0 385px; /* the critical side padding that sets the natural min-width! */
	background: #fff; /* this BG tiles the area outside the columns */
	color: #000;
	font-family: Arial, verdana, sans-serif;
	font-size: 76%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */
	/* text-align: center; /* centers the #sizer element in IE5.x/win */
}

/* selectors */

ol.roman {
	list-style-type : lower-roman;
}
ul.second-list {
	margin-left : 3%;
}
div.middle {
	text-align:center;
}
h1.center {
	margin-left:10%;
	margin-right:10%;
	text-align:center;
}
h2.heading {
	margin-left:6%;
}
p.center {
	text-align:center;
}

/*styles for navigation */
p.navtop{
	background-color: #FFF;
	color: #000;
	font-size: 80%;
	margin: 0 0 0 20%;
}
p.nav-bottom{
	background-color: #FFF;
	color: #000;
	font-size: 80%;
	margin-right: 5%;
	text-align: center;
}
p.navbase {
	color: #000;
	background-color: #fff;
	font-size: 80%;
	margin: 0 0 0 15%;
	text-align: center;
}
p.navlinks {
	text-align: center;
	font-size: 85%;
	margin: 1em 0;
	color: #666;
}

/* Styles for images */

img.header{
	border: 0;
	float: none;
}

/* Styles for text input boxes */
 
div.text-input {
	margin-left:5%;
}
div.submit-btn {
	margin-left:5%;
	text-align: center;
}
label.indent {
	margin-left: 8%;
}
p.indent {
	margin-left: 8%;
}

/* Styles for messages */

#cs1 div.error {
	color : #f03;
	border: 1px solid #f03;
	padding: 10px 10px 0 30px;
	margin: 1em 0 2em;
	background: #fff url(/cp/images/error.gif) 10px 1em no-repeat;
}
#cs1 div.error a {
	color: #f03;
	text-decoration: underline;
	background: transparent;
	border: 0;
}
#cs1 div.error a:hover {
	text-decoration: none;
}
p.error{
	color : #f03;
	background-color : #fff;
	font-weight : 700;
	font-size : 120%;
}
.error p {
	color: #f03;
}
div.message{
	font-weight:bold;
	margin-left:5%;
	margin-right:5%;
}
em.info{
	font-weight: normal;
	font-size: 90%;
	font-style : normal;
	margin-left: 0%;
}
/*em {
	background-color: transparent; 
	font-weight: 600;
	font-style: normal;
}*/
.no-margin {
	margin: 0;
}
p.note {
	display: block;
	background-color: #FFEDD2;
	color: #000;
	padding: 1em 2em 1em 2em;
}
.error_text a,
.error_text a:visited,
.error_text a:hover,
p.error_text, 
span.error_text, 
div.error_text,
div.error_text p,
.error-logon,
ul.error_text a:link {
	color: #F00;
}

/* lists */
li > p {
	margin-top: 0.2em;	
	}
	
/* forms */
legend {
	font-weight: bold;
	background:transparent;
	padding: 4px;
	color: #333;
}
label {
	clear: both;	
	display: inline;
}
input {
	clear: both;
}
.login input, .password input, .page--register input,
.login select, .password select, .page--register select {
	height: 30px;
}
fieldset {
	border: 0;
	padding: 7px;
}

/* blocks */
#cs3 #receipt p {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 90%;
}

/* layout containers */
#receipt {
	padding: 0 0 1em;	
}

/* Online Claim (OLC) stylesheet */
/* version number: 1.2 */
/* last updated: 22 July 2005 to include ISC changes for Modules Online */


/* Progress menu classes --------------------------------------------------- */

.item_notavailable {
	color: #444;
}
.item_selected {
	font-weight: bold;
}
.menuIndicator {
	color: #f60;
	font-weight:bold;
}
.label_div {
	padding: .2em 0;	
}
.text_div,
.input_div {
	padding: .2em 0 .4em;	
}
.text_div {
	padding-top: 2px;
	padding-bottom: 4px;	
}
.indent_div {
	padding-left: 4em;
}

.indent_15 {
	padding-left: 2em;
}
.indent_45 {
	display: none;
	padding-left: 6em;
}

/* ---------------------------------- */

/** Temporary for summary view */
table.summaryTable {
	border: 0 none;
	border-collapse: collapse;
    width: 100%;	/**  this center aligns the datatable to fix the 100% & 98% issue between IE5x & IE6 **/
}
.summaryTable TD.highlightBoldGrayBg {
	background: #eee;
	padding: 2px;
	font-weight: bold;	
}	
.odd {
	background: #fff;	
}
.even {
	background: #F4FAFB;
}
td.label,
td.content,
td.col1,
td.col2,
td.cornerRight {
	padding: 4px;
}
td.label {
	width: 45%;
} 
td.content {
	width: 55%;
}
td.col1 {
	width: 35%;
}
td.col2 {
	width: 20%;
}
td.cornerRight {
	width: 50%;
	text-align: right;
}
th.summaryTable {
	padding: 2px;
	text-align: right;
}
td.summaryTable {
	padding: 2px;
}
.tButton,
.tButtonHover {
	color: #066;
	background: transparent;
	text-decoration: underline;
	border:0 none;
	padding: 0;
	cursor: pointer;
	text-align:left;
}
.tButtonHover {
    color: red;
}
.data_label {
    padding: 2px 0;
	font-weight: bold;
	text-align: right;
}
.data_value {
    padding: 2px 0 2px 0;
}
.twistie {
	cursor: pointer;
}
.hideOnStartup {
	display: none;
}
.center {
	text-align: center;
  	margin-left: 5%;
  	color: #000;		
}
.noMenuBody {
	padding-left: 8px;
}

/* ISC page --------------------------------------------------- */

.formcomplete {
	padding: 0 0 4px 10px;
	margin: 0;
	border-collapse: collapse;	
}
.formcomplete th { 
	padding: 5px 6px;
} 
.formcomplete td.formname {
	border-bottom: 1px dashed #888;
	padding: 4px 1px 4px 24px;
	margin: 0 0 0 100px;
}
.formcomplete td.channel {
	border-bottom: 1px dashed #aaa;
	padding: 4px 1px;	
}
.formcomplete td.notavailable {
	color: #666;
	background: #fff;
	vertical-align: middle;
	border-bottom: 1px dashed #888;	
}
.formcomplete td.bottom {
	padding: 4px 4px 4px 14px;	
}
.formcomplete .border-right {
	border-right: 1px solid #888;	
}
.sendaddress {
	text-indent: 40px;
}
.youranswers {
	text-indent: 26px;
}
.greaterthan {
	color: #f60;
	font-weight: bold;
}
/* Open and close icons -------------------------------*/
.ocSectionOpenIcon,
.ocSectionCloseIcon {
	background-image: url("/cp/images/twistie_close.gif");
	background-position: bottom left; 
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 20px;
	height: 17px;
}
.ocSectionCloseIcon {
	background-image: url("/cp/images/twistie_open.gif");
}

/* Centrelink style sheet used for OSC templates  */
/* This is a supplement to the Centrelink style sheet */

/* Styles for tables */
	
.chartTable {
	border: 1px solid #ccc;
	height: 20%;
	margin: 0 0 30px;
}
.barTable {
	height: 20%;
}
.barTable td.label {
	font-weight: bold;
}
.barTable td.subTotal {
	text-align: center;
}
.legendTable {
	border: 1px solid #ccc;	
	font-size: 1em;
	margin: 0 0 30px 30px;
}
.legendTable td{
	border-top: 5px solid white;	
}
.dttxt { /* Use for the row labels in row-based data tables. */
	text-align: left;
	/* font-weight: normal; */
}
.nowrap {
	white-space: nowrap;
}
#legendContent,
#dataContent {
	padding: 0 10px 10px;
	clear: both;
}
.skiplink {display:none}

/* ------------------------------ */

.paymentCustomer,
.paymentPartner,
.incomeCustomer,
.incomePartner,
.deductionCustomer,
.deductionPartner,
.white {
	text-align: center; 
}
.paymentCustomer {
	background: #f90;
	border-bottom: 7px solid #f90;	
}
.paymentPartner {
	background: #3c9;
	border-bottom: 7px solid #3c9;	
}
.incomeCustomer {
	background: #9cf;
	border-bottom: 7px solid #9cf;	
}
.incomePartner {
	background: #fcc;
	border-bottom: 7px solid #fcc;	
}
.deductionCustomer {
	background: #cfc;
	border-bottom: 7px solid #cfc;	
}
.deductionPartner {
	background: #ff9;
	border-bottom: 7px solid #ff9;	
}
.white {
	background: white;
	border-bottom: 7px solid white;	
}
form {
	padding: 0;
	margin: 0 0 1em;
	border: 0;
	text-align: left;
}
form#hiddenVariablesForm {
	margin: 0;
}

/** standard selectors---------------------------------------------------------------------------------------- **/
acronym,
abbr,
dfn {
	cursor: pointer;
	font-style: normal;
	border-bottom: 1px dotted #000;
}

h4, h5, h6, h7 {
	color: #000;
}
h1, h2, h3, h4, h5, h6, h7 {
	padding: 0;
	margin: 0;
	font-weight: bold;
	text-align: left;
}

/* NOTE: Don't use "a" alone as bookmarks are incorrectly implemented (eg: <a name="bookmark">NOT EMPTY</a>) on static content. */
.portlet .portletbody a:link {
	background: transparent;
	color: #008185;
	text-decoration: underline;
}
.portlet .portletbody a:visited {
	color: #be4b00;
	text-decoration: underline;
}
.portlet .portletbody a:hover {
	text-decoration: none;
}
.portlet .portletbody a:focus {
	text-decoration: none;
}
.portlet .portletbody a:active {
	text-decoration: none;
}
#container .udm a:link,
#container .udm a:visited {
	text-decoration: none;
}
#container .udm {
	background: #fff;
	border-top: 1px dotted #f9bb90;
}
#container #cs5 .udm  {
	background: transparent;
	border: 0;
}

body p {
	border: 0;
	padding: 0;
	margin: 0 0 1em 0;
	/*color: #000;*/
	text-align: left;
}
#cs5 ul {
	list-style-image: url(/cp/images/bullet.png);
	text-align: left;
	margin: 0 0 1em;
}
#cs9 ul,
#cs6 ul {
	list-style-type: none;
	padding: 0 0 0 10px;
	margin: 0 0 1em;
	text-align: left;
}

#cs9 li,
#cs6 li {
	background-image: url(/cp/images/bullet.png);
	background-repeat: no-repeat;
	background-position: .8em .5em;
	padding: 0 0 .2em 20px;
	margin: 0;
}
#cs6 li,
#cs9 li {
	background-image: url(/cp/images/bullet_orange.gif);
	background-position: .8em .5em;
	padding-bottom: .4em;
}
.portlet ol {
	line-height: 1.3em;
	margin-top: 0;
	padding-top: 0;
}

.portlet ol li {
	list-style: decimal;
	background-image: none;
	padding: 0 0 .2em 0;
}

#sizer {
	min-height: 100%;
	margin: 0 auto -47px;
}

/*
#expander {
	margin: 0 auto;
	padding: 0 3em; /* Added more padding on sides to stop overlaps on zoom 200% */
/*	width: 90%; 
	min-width: 760px; 
	max-width: 1280px;
}  
 
* html #expander {
	height: 0;
}
*/
 
/* #expander must have "height: 0" in IEwin bug fixing */
/* The above is a modified workaround for #expander, with zero substituted for the 
usual 1% height value. Any % value on this element causes an IE bug! */ 
#wrapper {
	position: static;
	*position: relative; /* makes #expander visible outside #sizer in IEwin / Target IE7 and below */
	padding-bottom: 50px;
}

/* ISSUE: When I make this the correct id of 'container' the tabs disappear in Firefox - Fix!! */
#container1 {    
	position: static;
	*position: relative; /* makes #expander visible outside #sizer in IEwin / Target IE7 and below */
	font-size: 1em; /* set global font-size here */
	width: 100%; /* helps IE get the child percentages right. */
}
#header-content ~ div {
	margin-top: 4em;
}

#popup-content {
	margin: 10px -370px; /* negate the body margin left/right values */
	padding: 0;
	text-align: left;
}
#popup-content img {
	margin: 0 0 20px;
	padding: 0;
}

/*************** Header elements *****************/
#header-content {
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	min-width: 760px;
}
#branding {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 56px;
	font-family: OpenSans, Arial, Helvetica, sans-serif;
	background-color: #000;
}
#branding .header-left {
	margin: 0;
	padding: 0;
	list-style-type: none;

}
#branding .header-left li {
	float: left;
}
#branding .corporate-brand {
	width: 30em;
}
#branding .header-logo h1 {
	float:left;
	color:#111;

	margin:0;
	font-size:20px;
	line-height: 56px;
	color:#f6f5f5;
	/*font-family:Arial,Helvetica,"Lucida Grande",sans-serif;*/
	font-weight: normal;
}
#branding img#logo {
	float:left; 
	width: 42px;
	margin: 0.5em 0.5em 0.5em 2em;
}

#branding-banner {
	min-height: 54px;
	background-color: #373737;
	text-align: left;
	/*border-bottom: 1px solid #fff;*/
	margin-left: 38%;
	color: #fff;
}
#branding-banner h3 {
	margin: 0;
	font-weight: normal;
}
#branding-banner p {
	margin: 0;
	color: #fff;
}
#branding-banner .label {
	font-weight: normal;
}
#welcome {
	float: left;
	color: #fff;
	font-family: OpenSans, Arial, Helvetica, sans-serif;
	/*font-family: Georgia, Helvetica, sans-serif;*/	/***UPDATE***/
	/*font-family: Arial, 'Droid Sans', sans-serif;*/
	font-size: 12px;
	margin: 6px 0 0 0;
	line-height: 20px;
}
#welcome .last-logon {
	font-size: 90%;
}
#welcome * {
	text-align: center;
	padding: 1px 0;
}
#branding-banner #title {
	float: left;
	padding-top: 10px;
	/*font-family: Georgia, Times, serif;*/
	/*font-family: OpenSans, Arial, 'Droid Sans', sans-serif;*/
}
#branding-banner.test {
	background: url(/cp/images/this-is-test.png) top no-repeat;
}

/* ******** AUTHENTICATED ************ */

#branding-authenticated-logout {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	margin-right: 5%;
}
#branding-authenticated-logout a {
	color: #fff;
}
.u-button {
	background-color:#000000;
	padding: 0 1em; 
	margin: 0;
	font-size: 14px;
	height: 56px;
	line-height: 56px;
	text-transform: uppercase;
	color:#fff;
	border: none;	
		-moz-border-radius:2px; 
		-webkit-border-radius:2px; 
	border-radius:2px; 			
	/*font-family: Arial, 'Droid Sans', sans-serif;*/
	cursor: pointer;

	-webkit-appearance: none;
}
.u-button:hover {
	background-color:#555;
}
ul#skiplinks {
	font-size: 90%;
	position: absolute;
	left: 0;
	top: 0;
	width: 40%;
	margin: 0;
	padding: 1px 0 2px;
	white-space: nowrap;
	text-align: left;
	z-index: 150;
}
#skiplinks li {
	display: inline;
	list-style-type: none;
}
#skiplinks a:link,
#skiplinks a:visited {
	padding: 0 .8em 0 .5em;
	margin: .6em 0;
	color: #fff;
}
#skiplinks a:hover,
#skiplinks a:active {
	text-decoration: none;
}
#skiplinks a#skip-content {
	border-right: 1px solid #eee;
}
#branding-gov {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	background: #008185;
	width: 100%;
	height: 22px;
	border-bottom: 1px solid #fff;
}
#branding-gov ul {
	font-size: 90%;
	float: right;
	width: 48%;
	margin: 0;
	padding: 1px 0 2px;
	text-align: right;
	white-space: nowrap;
}
#branding-gov li {
	display: inline;
	list-style-type: none;
}
#branding-gov a:link, #branding-gov a:visited {
	padding: 0 8px;
	margin: .6em 0;
	color: #fff;
}
#branding-gov a#dhs {
	border-right: 1px solid #eee;
	padding-right: 12px;
}
#branding-gov a:hover, #branding-gov a:active {
	text-decoration: none;
}
#services-global {
	background-color: #373737;
	font-size: 10px;
	/*font-family: Arial, Helvetica, sans-serif;*/
	clear: both;
	padding: 0;
	height: 100%;
	position: relative;
}
#services-global ul {
	margin: 4px 2px;
	padding: 0;
}
#services-global ul li {
	list-style: none;
	display: inline;
	padding: 0 10px;
	margin: 0;
}
#services-global li a {
	color: #fff;
	text-decoration: none;
}
#services-global li.noborder{
	border-right: 0;
}
#accessibility a.fontsize:link img,
#accessibility a.fontsize:visited img {
	float: left;
	padding: 0;
	display: block;
	margin: .4em .4em 0 .4em;
	background: #008185;
	width: 17px;
	height: 20px;
}
#accessibility a:hover img#a {
	background: #fff;
	color: #000;
}
#services-global form {
	float: right;
	width: 238px;
	margin: 0;
	color: #fff;
	padding: .2em 0;
	text-align: right;
}
#services-global input#queryText {
	border: 1px solid #008185;
	width: 135px;
	font-size: 1.2em;
	margin: 0 2px 0 0;
	padding: .2em 1px .1em;
	background: #fff url(/cp/images/searchbox_bg.png) left top no-repeat;
}
#services-global #searchbtn {
	background: #007281 url(/cp/images/buttonbg.gif) left top repeat-x;
	border: 1px outset #fff;
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
	padding: 2px 0;
	margin: 0;
	width: 88px;
	height: 1.8em;
	cursor: pointer;
}
#services-global legend {
	display: none;
}
#services-global fieldset {
	border: none;
	display: inline;
	padding: 0;
	margin: 0;
}
.web-address {
  margin-top: 0.25em;
}

#branding .web-address a {
  color: #fff;
  text-decoration: none;
}

/* ------------------------- */
.alignright {
	margin: 0 10px 10px 0;
	text-align: right;
}
.small {
	font-size: .8em;
}

/************** Special Fixes *************/
.outer {
	word-wrap: break-word;
}

/* Prevents long urls from breaking layout in IE, must 
be hidden in a conditional comment for CSS to validate */
img {
	max-width: 100%;
}
 
/* prevents oversize images from breaking layout in browsers that support max-width */
/* \*/
* html #wrapper,
* html #container,
* html #quick-survey {
	height: 1%;
}

/**************** Utility Rules *******************/
/*\*/ /*/
.sidenav a:hover {
	position: relative;
}

/* this fixes an IEmac hover bug in the left column, hidden from other browsers */
.brclear {
	clear: both;
	height: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0;
}

/* menu items section */
#subContainer_left {
	width: 200px;			
	margin: 0;					
	padding: 0;			
	background-color: transparent;
}
ul.navContainer {			
	padding: 0;
	margin: 0;
	/*font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;*/
	color: #000;
	width: 200px;
	vertical-align: bottom; /*   This fixes the IE5 Win gap */
	list-style: none;
}

.navContainer ul li {
	vertical-align: bottom; /*   This fixes the IE5 Win gap */
	width: 200px;
	display: inline;
	padding: 0;
	margin: 0;
}
.navContainer ul li li {
	vertical-align: bottom; /*   This fixes the IE5 Win gap */
	width: 200px;
	display: inline;
	padding: 0;
	margin: 0;
}
li.navGroup {			
	font-weight: bold;
	padding: 0;
	text-align: left;
	vertical-align: bottom; /*   This fixes the IE5 Win gap */
	width: 200px;
	display: block;
}
.navGroupWrap {	
	padding: 0;
	vertical-align: bottom; /*   This fixes the IE5 Win gap */
	width: 200px;
}
.navGroupAll {			
	font-weight: bold;
	padding: 0 0 8px 0;
	text-align: left;
	background: #008185;
}
li.navLinks {
	width: 200px;
	padding: 0;
	margin: 0;
	display: block;
}
.navLinks ul {
	list-style: none;	
	margin: 0;
	padding: 0;
	color: #000;		
	text-align: left;
}

/* link styles */
ul.navContainer li.navGroup a,
ul.navContainer li.navGroup a:visited {	     			
	background-color: #008185;
	color: #fff;
	text-decoration: none;		
	padding: .5em 0;
	margin: 0;
	border-style: solid;
	border-color: #B2D9DA #002728 #002728 #B2D9DA;
	border-width: 1px 1px 1px 0;
	display: block;
}
ul.navContainer li.navGroup a:hover {	     			
	background-color: #D24F0F;
	border-style: solid;
	border-color: #F2AA86 #732B07 #732B07 #F2AA86;
	border-width: 1px 1px 1px 0;
	color: #fff;
	text-decoration: none;		
}
ul.navContainer li.navGroupAll {
	background: #008185 url(/cp/images/menuhdr.gif) 100% top no-repeat;
	padding: 4px;
	margin: 0;
	border: 0;
	color: #fff;
	border-bottom: 1px solid #002728;
}
ul.navContainer li.navGroupAll a:link,
ul.navContainer li.navGroupAll a:visited {	   
	display: inline;  			
	color: #fff;
	text-decoration: none;		
	padding: 1px;
	margin: 5px 0;
	text-align: center;
	background: transparent;
	border-style: solid;
	border-color: #008185;
	border-width: 1px;
}
ul.navContainer li.navGroupAll a:hover,
ul.navContainer li.navGroupAll a:active {	     			
	border-style: solid;
	border-color: #fff;
	border-width: 1px;
}
ul.navContainer li.navGroup img {	     			
	padding: 0;
	margin: .3em;
	border: 0;
}
ul.navContainer li.navGroupSingle a {	     			
	background-color: #DFEEEE;		
	color: #000;
	text-decoration: none;		
	padding: 0;
	margin: 0;
}
html>body ul.navContainer li a { 
	width: auto; 
}
#cs2 li.navGroupSingleDivider {
	width: 200px;
	height: 30px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #B0B3A2;
	background: #008185 url(/cp/images/menuftr.gif) 100% 100% no-repeat;
}
ul.navContainer li.navGroupSingleDivider a:link, 
ul.navContainer li.navGroupSingleDivider a:visited {
	color: #fff;
	text-decoration: underline;		
	padding: 5px;
	margin: 0;
	border: 0;
	text-align: center;
	font-weight: bold;
	display: block;
}
ul.navContainer li.navGroupSingleDivider a:hover {	     			
	color: #fff;
	text-decoration: none;		
	background: transparent;
}
ul.navContainer li.navGroupSingle a:visited {	     			
	background-color: #DFEEEE;		
	color: #000;
	text-decoration: none;		
	padding: 0;
	margin: 0;
}
ul.navContainer li.navGroupSingle a:hover {	     			
	background-color: #DFEEEE;		
	color: #C03;
	text-decoration: underline;		
	padding: 0;
	margin: 0;
	display: none;
}
#cs2 .navLinks li a,
#cs2 .navLinks li a:visited {
	text-decoration: none;
	color: #000;			
	border-style: solid;
	border-color: #F7F7F5 #E3E4E0 #E3E4E0 #F7F7F5;
	border-width: 1px 1px 1px 0;
	background-color: #EFF0EC;
	padding: .4em .1em .4em 19px;
	margin: 0;
	background: #E5EEEE url(/cp/images/bullet.gif) 5px .55em no-repeat;
	display: block;
}
#cs2 .navLinks li a:hover {	     			
	background-color: #CCE0E0;
	color: #000;
	text-decoration: none;
	background-position: 9px .55em;
}
#nav-main {
	clear: both;
	float: left;
	width: 100%;
	background: #F3F9F9 url("/cp/images/navmain-bg.gif") left bottom repeat-x;
	font-size: 1.2em;
	line-height: normal;
	border: 0;
	/*font-family: Arial, Helvetica, sans-serif;*/
}
#nav-main ul {
	margin: 0;
	padding: 6px 0 0 22px;
	list-style: none;
}
#nav-main li {
	display: inline;
	margin: 0;
	padding: 0;
}
#nav-main a {
	float: left;
	background: #008185 url("/cp/images/tabs-left.gif") no-repeat left top;
	margin: 0 5px 0 0;
	padding: 0 0 0 56px;
	border: 0;
	text-decoration:none;
	text-align: left;
	font-style: italic;
}
#nav-main a span {
	float: left;
	display: block;
	background: #008185 url("/cp/images/tabs-right.gif") no-repeat 100% -145px;
	padding: 13px 8px 3px 18px;
	font-weight: bold;
	color: #fff;
}

/* tab image positions in default, non-current state */
#nav-main a#publications-forms-and-links { background-position: 0 -223px; }
#nav-main a#about-services { background-position: 0 -83px; }
#nav-main a#about-payments { background-position: 0 -295px; }
#nav-main a#individuals-home { background-position: 0 -2px; }
#nav-main a#my-services { background-position: left -151px; }
#nav-main a#administration,
#nav-main a#page-customizer,
#nav-main a#page-properties,
#nav-main a#wp_search_seedlist,
#nav-main a#web-content-management,
#nav-main a#selfcare { 
	background-position: left -440px;
	padding-left: 7px;
}
#nav-main a#administration span,
#nav-main a#page-customizer span,
#nav-main a#page-properties span,
#nav-main a#wp_search_seedlist span,
#nav-main a#web-content-management span,
#nav-main a#selfcare span {
    padding-left: 0;
	padding:13px 7px 3px 0;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-style: normal;
	font-weight: normal;
	text-align: center;
}

/* Commented Backslash workaround hides rule from IE5-Mac \*/
#nav-main a span {float:none;}
    /* End IE5-Mac workaround */
	
#nav-main a:hover span {
	color: #066;
	background-color: transparent;
}

/* tab right-hand side style for current state */
#nav-main #current a span {
	background-position: 100% -3px;
	color:#066;
	padding-bottom: 5px;
	background-color: #FAAE60;
}
	  
/* tab image positions in current state */
#nav-main #current a { background-color: #FAAE60; }
#nav-main #current a#publications-forms-and-links { background-position: 0 -231px; }
#nav-main #current a#about-services { background-position: 0 -91px; }
#nav-main #current a#about-payments { background-position: 0 -303px; }
#nav-main #current a#individuals-home { background-position: 0 -10px; }
#nav-main #current a#my-services { background-position: left -159px; }
#nav-main #current a#administration,
#nav-main #current a#page-customizer,
#nav-main #current a#page-properties,
#nav-main #current a#wp_search_seedlist,
#nav-main #current a#web-content-management,
#nav-main #current a#selfcare { 
	background-position: left -369px;
	padding-left: 7px;
}

#nav-main a:hover, #nav-main a:active { background-color: #21A3A7; }
#nav-main a:hover#publications-forms-and-links, #nav-main a:active#publications-forms-and-links { background-position: 0 -226px; }
#nav-main a:hover#about-services, #nav-main a:active#about-services { background-position: 0 -86px; }
#nav-main a:hover#about-payments, #nav-main a:active#about-payments { background-position: 0 -298px; }
#nav-main a:hover#individuals-home, #nav-main a:active#individuals-home { background-position: 0 -5px; }
#nav-main a:hover#my-services, #nav-main a:active#my-services { background-position: 0 -154px; }
#nav-main a:hover#administration,
#nav-main a:hover#page-customizer,
#nav-main a:hover#page-properties,
#nav-main a:hover#wp_search_seedlist,
#nav-main a:hover#web-content-management,
#nav-main a:hover#selfcare { 
	background-position: left -525px;
	padding-left: 7px;
}

#nav-main a:active #administration { background-position: left -528px; }

#nav-main a:hover span,
#nav-main a:active span {
	background-position:100% -298px;
	background-color: #21A3A7;
	color:#fff;
}
		
#customerdetails {
	position: relative;
	background: #eaeaea url(/cp/images/portletbg.jpg) left 35% repeat-x; /* border-right: 1px solid #526968; */
	border-bottom: 1px solid #008185;
	border: none;
	padding: 0;
	margin: 0;
	clear: both;
}

/* Search Field */
#customerdetails form {
	position: absolute;
	top: 0;
	right: 0;
	padding: 8px 10px 0 20px;
	width: 50px;
	margin: 0; /* need for IE Mac */
	text-align: left; /* need for IE Mac */
	white-space: nowrap; /* for Opera */
}
#customerdetails form label {
	color: #000;
	font-weight: bold;
}
#customerdetails form input {
	/*font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;*/
	font-size: 1em;
}
#customerdetails form #submit {
	font-weight: bold;
	background: #ccc;
	color: #fff;
	padding: 0 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #bbb #666 #666 #bbb;
}
#customerdetails form #query {
	width: 170px;
	font-size: 85%;
	border: 1px solid #333;
	background: #f3f3f3;
	padding: 2px;
}
#customerdetails form #query:hover, #customerdetails form #query:focus {
	background: #fff;
}
#customerdetails legend {
	display: none;
}
#customerdetails fieldset {
	border: none;
	float: right;
	display: inline;
}
#customerdetails h2 {
	border: none;
	text-align: left;
	/*font-family: Arial, verdana, "Trebuchet MS", sans-serif;*/
	font-size: 1.7em;
	color: #000;
	font-weight: normal;
	margin: 0;
	padding: .3em 0 .1em 20px;
	display: none;
}
#customerdetails p {
	text-align: left;
	/*font-family: Arial, "Trebuchet MS", sans-serif;*/
	font-size: 1em;
	color: #000;
	font-weight: normal;
	margin: 0;
	padding: 0 0 .3em 20px;
	display: none;
}
span#crn {
	font-weight: bold;
	color: #000;
	display: none;
}
#customerdetails #btn_logout {
	background: #c00;
	color: white;
	position: absolute;
	top: -30px;
	right: 2px;
}
	
/* tools menu */
#tools {
	position: absolute;
	top: 0;
	right: 0;
	width: 25%;
	padding: 0;
	margin: 0;
}
#tools p {
	padding: 13px 2px 0 0;
	margin: 0;
	font-weight: bold;
	line-height: 100%;
}
#tools img.toolstate {
	padding: 0;
	margin-left: 0;
	background-color: transparent;
	width: 17px;
	height: 20px;
	border: 0;
}
#tools a.toolstate {
	background-color: #066;
	padding: 0;
	margin: 0 0 0 .6em;
	width: 17px;
	height: 20px;
}
#tools a.toolstate:hover {
	background-color: #bf4600;
}
a.toolstate {
	padding: 0;
	width: 17px;
	height: 20px;
}
a.toolstate,
a.toolstate:hover{
	color: inherit;
	background-color: transparent;
}
a.toolstate img{
	padding: 2px;
	margin-top: 4px;
	border: 1px solid #e5e8e7;
	width: 17px;
	height: 20px;
	float: right;
}
a.toolstate:hover img{
	border: 1px solid #bf4600;
}
#cs1 #search-input form {
	margin: 0 10px;
	background: #fff;
	border: 1px solid #008185;
	padding: 10px;
}
#cs1 #search-input label {
	padding: 0;
	margin: 0;
	font-weight: bold;
	line-height: normal;
}
#cs1 #search-input input {
	padding: .2em .3em .1em;
	margin: 0;
	font-size: 1.2em;
	border: 1px solid #008185;
	background: #fff url(/cp/images/searchbox_bg.png) 0% 0% no-repeat;
}
#cs1 #search-input a.button:link,
#cs1 #search-input a.button:visited {
	padding: .2em .8em;
	border: 1px solid #fff;;
	margin: -2px 0 0;
	font: bold 1.2em/150% Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	line-height: normal;
	color: #fff;
	display: inline;
	text-transform: uppercase;
	background: #007281 url(/cp/images/buttonbg.gif) left top repeat-x;
}

#cs1 #search-input a.button:hover,
#cs1 #search-input a.button:active {
	background-position: left -40px;
	background-color: #2097A2;
}
#cs1 #search-summary p {
	margin: 1em 0;
	padding: 0 10px;
	font-weight: bold;
	font-size: 110%;
	color: #008185;
}
#cs1 #search-summary hr {
	border-top: 1px dashed #008185;
	height: 1px;
	width: 100%;
	margin: .1em 10px;
	padding: 0;
}
#cs1 #search-sortorder {
	margin: 1em 0;
	padding: 0 10px;
	font-weight: bold;
	line-height: 120%;
}
#cs1 #search-sortorder p {
	display: inline;
	padding: 0 .8em 0 .5em;
	margin: 0;
	color: #000;
}
#cs1 #search-sortorder a:link,
#cs1 #search-sortorder a:visited {
	padding: 0 .8em 0 .5em;
	margin: 0;
	color: #000;
	border: 0;
	background: transparent;
	border-left: 1px solid #000;
	text-decoration: underline;
}
#cs1 #search-sortorder a:hover,
#cs1 #search-sortorder a:active {
	color: #000;
	background: transparent;
	text-decoration: none;
}
/* ---- Wrappers for search result (and recommended search results) details ---- */
#cs1 .result,
#cs1 .recommendedresult {
	position: relative;
	background: transparent;
	padding: 0 10px;
	margin: 0 0 1.3em 0;
	border: 0;
}
#cs1 .result p, 
#cs1 .recommendedresult p {
	padding: 0 0 0 40px;
	margin: 0;
	border: 0;
}
#cs1 span.resultpos, 
#cs1 span.resultpos {
	padding: 0;
	margin: 0;
	font-weight: bold;
	float: left;
	width: 30px;
}
#cs1 .result h3, 
#cs1 .recommendedresult h3 {
	margin: 0;
	padding: 0 0 0 35px;
	font-size: 1em;
	font-weight: bold;
}
#cs1 span.extrainfo {
	margin: 0;
	padding: 0 0 0 40px;
	font-size: .8em;
	color: #777;
}
#cs1 #pagenav {
	padding: 1em 0;
	margin: 1em 10px 0 10px;
	border-top: 1px solid #ccc;
	
}

/* ----------------------------------------------------------------------------------------- */
.hide {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* http://positioniseverything.net/easyclearing */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */
.more span {
	position: absolute;
	left: -3000px;
	width: 500px;
}

.portlet .portletbody a.more {
	background:transparent url(/cp/images/more.gif) no-repeat scroll 100% 0.4em;
	padding:0 15px 0 0;
	white-space:nowrap;
}

#cs5 .portlet a.more {
	float: right;
}

#cs5 #udm { padding: 0; margin: 0; } /*Reset for UDM UL */

/* *************************Centrelink.gov.au Styles************************************ */
.office-heading {
	color: #900;
	background-color: transparent;
	font-weight: 600;
	font-style: normal;
	margin-left: 5%;
}

.annrep {
	background-color: #ffc;
	color: #000;
}

.annrep-row {
	background-color: #ffc;
	color: #000;
	border: 0;
}

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

/* Individuals index pages classes only */
.info {
	margin-left: 8%;
}

.pay {
	margin-left: 8%;
}

/*---- Table classes -----*/
.tables {
	margin-left: 8%;
	margin-top: 2%;
}

.tables select {
	width: 100%;
}

.tables td h2 {
	vertical-align: top;
	margin: 0;
	padding: 0;
	text-align: right;
	color: #000;
	font-size: 1em;
}

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


/* For the logout and similar pages */
#main-body {
width: 90%;
margin: 0 auto;
}

.photo-aside {
    min-height: 524px;
    max-width: 198px;
}

.photo-aside.width--30pc {
	max-width: 283px;
}

.has-aside{
	min-height: 524px;
	border-bottom: 1px solid #d5d5d5;
}

.has-aside.no-right-aside{
	border-right: 1px solid #d5d5d5;
}

.background--orange {
    background: rgb(228, 108, 10);
}

.background--purple {
    background: rgb(112, 48, 160);
}

.background--yellow {
    background: rgb(223, 185, 23);
}

.box-heading {
    min-height: 2.5em;
    padding: 0 2em;
    color: #fff;
}

.photo-aside .box-heading {
	padding: 1em;
}

.box-heading h2 {
    margin: 0;
}

.has-aside .box-heading h2 {
    font-size: 1.5em;
}

.photo-aside .box-heading h2 {
    font-size: 1em;
}

.box-heading--tall {
    padding-top: 1.75em;
    padding-bottom: 1.75em;
}

.box-heading--purple {
    background: rgb(112, 48, 160);
}

.box-heading--blue {
    background: rgb(0, 170, 230);
}

.box-heading--cyan {
    background: #0097aa;
}

.box-heading--aqua {
	background: rgb(59, 160, 187);
}

.box-heading--orange {
    background: rgb(228, 108, 10);
}

.box-heading--green {
    background: rgb(0, 146, 66);
}

.heading--purple {
    color: rgb(112, 48, 160);
}

.heading--blue {
    color: rgb(0, 170, 230);
}

.heading--cyan {
    color: #0097aa;
}

.heading--aqua {
	color: rgb(59, 160, 187);
}

.heading--orange {
    color: rgb(228, 108, 10);
}

.box-heading--register {
	min-height: 212px;
	text-align: center;
}

.register {
	background: url(/cp/images/icon_register.gif) no-repeat 50% 80%;
	padding-top: 110px;
	width: 100%;
}

.box-body {
    padding: 2em;
}

form .box-body {
	background: #fff;
	padding: 1.5em 2em;
}

.next-paragraph {
    padding-top: 2em;
}

.image-people-tall {
    background: url(/cp/images/error-pages/people-tall.jpg) no-repeat center center;
    min-height: 550px;
    display: block;
}

.image-forest-small{
    background: url(/cp/images/error-pages/girl-forest.jpg) no-repeat center bottom;
    
    background-size: auto 50%;

    min-height: 550px;
    display: block;
}

.image-man-smiling {
    background: url(/cp/images/man-smiling2.jpg) no-repeat center center;
    min-height: 507px;
    display: block;
}

.image-man-walking {
    background: url(/cp/images/man-walking.jpg) no-repeat center center;
    min-height: 524px;
    display: block;
}

.image-woman-in-office {
    background: url(/cp/images/woman-in-office.jpg) no-repeat center center;
    background-size: auto 100%;
    min-height: 524px;
    display: block;
}

.image-guy-with-pen {
    background: url(/cp/images/guywithpen.jpg) no-repeat center center;
    background-size: auto 100%;
    min-height: 524px;
    display: block;
}

.image-man-with-food{
    background: url(/cp/images/man-with-food.jpg) no-repeat center bottom;
    
    background-size: auto 50%;

    min-height: 524px;
    display: block;
}

.image-woman-and-child{
    background: url(/cp/images/woman-and-child.jpg) no-repeat center center;
    
    background-size: auto 100%;
	background-color: #160100;

    min-height: 212px;
    display: block;
}

.image-woman-and-child-2{
    background: url(/cp/images/woman-and-child2.jpg) no-repeat center top;
    
    background-size: auto 50%;

    min-height: 524px;
    display: block;
}

.image-woman-and-child-3{
    background: url(/cp/images/woman-and-child3.jpg) no-repeat center bottom;
    
    background-size: auto 50%;

    min-height: 524px;
    display: block;
}

.image-woman-and-child-4{
    background: url(/cp/images/woman-and-child4.jpg) no-repeat center top;
    
    background-size: 100% auto;

    min-height: 300px;
    display: block;
}

.image-woman-and-child-5{
    background: url(/cp/images/woman-and-child5.jpg) no-repeat center top;
    
    background-size: auto 50%;

    min-height: 524px;
    display: block;
}

.image-boy-with-skateboard{
    background: url(/cp/images/img20-283x532.jpg) no-repeat center top;
    min-height: 524px;
    display: block;
}

.image-man-with-phone{
    background: url(/cp/images/man-with-phone.jpg) no-repeat center;
    min-height: 524px;
    display: block;
}

.image-woman-with-cup{
    background: url(/cp/images/woman-with-cup.jpg) no-repeat center top;
    
    background-size: 100% auto;

    min-height: 300px;
    display: block;
}

.image-woman-at-train{
    background: url(/cp/images/woman-at-train.jpg) no-repeat center top;
    
    background-size: 100% auto;

    min-height: 300px;
    display: block;
}

.image-woman-on-farm{
    background: url(/cp/images/woman-on-farm.jpg) no-repeat center top;
    
    background-size: 100% auto;

    min-height: 524px;
    display: block;
}

.image-woman-with-hoop{
    background: url(/cp/images/woman-with-hoop.jpg) no-repeat center top;
    
    background-size: 100% auto;

    min-height: 300px;
    display: block;
}

.image-children {
	background: #709762 url(/cp/images/children.jpg) no-repeat center;
	width: 100%;
	height: 169px;
	float: left;
}

.width--15pc { width: 15%; float: left; }
.width--20pc { width: 20%; float: left; }
.width--30pc { width: 30%; float: left; }
.width--35pc { width: 35%; float: left; }
.width--40pc { width: 40%; float: left; }
.width--45pc { width: 45%; float: left; }
.width--50pc { width: 50%; float: left; }
.width--60pc { width: 60%; float: left; }
.width--65pc { width: 65%; float: left; }
.width--70pc { width: 70%; float: left; }
.width--80pc { width: 80%; float: left; }
.width--90pc { width: 90%; float: left; }

.login h1 {
	font-size: 1em;
	margin: 2em 0;
}

.login label, .password label, .page--register label,
.login legend, .password legend, .page--register legend {
	margin-top: 1em;
	margin-bottom: 0.5em;
	display: block;
	font-weight: bold;
	color: inherit;
}

.login fieldset, .password fieldset, .page--register fieldset {
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.login select, .password select, .page--register select {
	margin-bottom: 0.5em;
}

.login input:not([type="submit"]), .login select, .login textarea,
.password input:not([type="submit"]), .password select, .password textarea,
.page--register input:not([type="submit"]), .page--register select, .page--register textarea {
	width: 100%;
	max-width: 400px;
}

.min-10em {
    min-width: 10em;
}

.radio-group label {
	display: inline;
}

.login--fixed-width {
	font-size: 100%;
	width: 1034px;
	margin-left: auto;
	margin-right: auto;
}

.login--col1 {
	width: 220px;
	float: left;
}

.login--col2 {
	width: 402px;
	float: left;
}

.login--col3 {
	width: 412px;
	float: left;
}

.login .has-aside, .login .photo-aside, .login .photo-aside span {
	border: none;
	min-height: 507px;
}

.login .box-heading--tall {
	height: 90px;
}

.login .box-heading--blue {
	background-color: #1378af;
}

.login .box-body {
	background: #f4f4f4;
	min-height: 417px;
}

.login .box-body label:first-child {
	margin-top: 0;
}

.login .info {
	margin: 169px 0 0 0;
	min-height: 338px;
	padding: 1em;
	background: #e4e4e4;
}

.login .info .important-text {
	font-family: OpenSansSemiBold, OpenSans, Arial, verdana, sans-serif;
	font-size: 115%;
}

.login h2 {
	font-size: 167%;
	font-family: OpenSansSemiBold, OpenSans, Arial, verdana, sans-serif;
}

.login .info h2 {
	color: #027b38;
	margin-top: 0;
}

.login .info ul {
	list-style-type: none;
	padding: 0;
}

.login .info li {
	margin: 1em 0;
}

.login p:last-child {
	margin-bottom: 0;
}

.login a, .password a, .logout a {
	color: #0066c1;
}

.login a:hover, .password a:hover, .logout a:hover,
.login a:focus, .password a:focus, .logout a:focus {
	color: #004787;
}

.login .box-heading--register a {
	color: #fff;
	font-weight: bold;
}

.login .button-bar {
	margin: 1em 0;
	height: 2.5em;
}

.login p.forgot-password {
	background: url(/cp/images/forgot_password.png) no-repeat left center;
	padding-left: 30px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.password .content h2 {
	font-size: 1em;
}

.password p, .login p {
	margin-bottom: 1em;
}

.page--register .content h2, .password-expired .content h2 {
	font-size: 1em;
}

.page--register p {
	padding: 1em 0;
}

.content {
	background: #f3f3f3;
}

.login .error-message, .login .success-message, .login .info-message, .login .warning-message, 
.password .error-message, .password .success-message, .password .info-message, .password .warning-message, 
.logout .error-message, .logout .success-message, .logout .info-message, .logout .warning-message {
	margin-bottom: 1em;
}

.cancel-button  input{
	color: #136ddd!important;
	background:none!important;
	border:none!important;
	padding:0!important;
}

.login a:hover, .password a:hover, .forgot-password a:hover, .logout a:hover{
	text-decoration:underline;
}

.box-heading--register:hover{
	background:#3a7b96;
}
.button-bar .next-button input:hover{
	background: #444 url(/cp/images/right10px.png) no-repeat 87.5% center;
}
.button-bar a{
	line-height: 3em;
}
.aux-functions {
	position: fixed;
	top: 4em;
	right: 0;
	z-index: 9995;
	-webkit-transition: right 200ms ease-out;
	-moz-transition: right 200ms ease-out;
	-ms-transition: right 200ms ease-out;
	-o-transition: right 200ms ease-out;
	transition: right 200ms ease-out;
}
.login>h2 {
	font-size: 1em;
	margin: 2em 0;
	padding-top: 1em;
}

/* *************************Online Services************************************ */
.icon {
	float: left;
	padding-top: 4px;
	padding-left: 2px;
	padding-right: 5px;
}
.center{
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
}
.dthead {
	color: #000;
	background-color: #CCE6E7;
}
.errortext {
	color: #F00;
	background-color: #FFF;
}

.info-message {
	font-size: .85em;
	background: #f0f9fe url(/cp/images/info-i.png) no-repeat 1.1em center;
	background: rgba(39, 169, 225, .15)  url(/cp/images/info-i.png) no-repeat 1.1em center;
	background-size: 25px;
	padding: 1em 1em 1em 4.1em;
	color: #166ba5;
	width: 100%;
}

.success-message {
	font-size: .85em;
	background: #edf6ff url(/cp/images/success-tick.png) no-repeat 1.1em center;
	background: rgba(140, 198, 62, .15)  url(/cp/images/success-tick.png) no-repeat 1.1em center;
	background-size: 25px;
	padding: 1em 1em 1em 4.1em;
	color: #034928;
	width: 100%;
}

.warning-message {
	font-size: .85em;
	background: #fcf5c5 url(/cp/images/warning-icon.png) no-repeat 1.1em center;
	background: rgba(252, 245, 197, .7)  url(/cp/images/warning-icon.png) no-repeat 1.1em center;
	background-size: 25px;
	padding: 1em 1em 1em 4.1em;
	color: #563925;
	width: 100%;
}

.error-message {
	font-size: .85em;
	background: #fcdcdd url(/cp/images/error-!.png) no-repeat 1.1em center;
	background: rgba(237, 28, 36, .15)  url(/cp/images/error-!.png) no-repeat 1.1em center;
	background-size: 25px;
	padding: 1em 1em 1em 4.1em;
	color: #51000c;
	width: 100%;
}

/**data tables ---------------------------------------------------------------------------------- **/
.td_text_center{
	text-align: center;
}
.td_valign {
	vertical-align: top;
}
.th_left_align{
	text-align: left;
}
.td_left_align{
	text-align: left;
}
.th_right_align{
	text-align: right;
}
.td_right_align{
	text-align: right;
}
.th_center_align {
	text-align: center;
}
.td_center_align {
	text-align: center;
}

/* Fix an error with lines underneath anchors being suppressed by lack of space */
body #wrapper .formtable .td_right_align,
body #wrapper .formtable .td_left_align {
	padding-bottom: .2em;
}
.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: Arial, Verdana, Geneva, 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;
}
.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: Arial, Verdana, Geneva, Helvetica, sans-serif;*/
	font-size: 1.0em;
}
.formtable td {
	padding: 5px 0 0 0;
}
.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;
}

/* ----------- ONLINE CLAIMS CSS --------------------------------- */

/* Body table ----------------------------------------------------------- */

#bodytable {
	/*font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;*/
	border: none;	
	font-size: 1em;
	margin: 0;
	padding: 0;
}
#bodytable td {
	padding: 0;
}
#bodytable h2 {
	padding: 0;
	margin: 0;
}
#bodytable h3 {
	color: #000;
}
#bodytable p {
	padding: .25em 0;
	margin: 0;	
}
#navdiv {
	padding: .3em 0 0 1em;
	border: 1px solid #066;
	background: #ffc;
}
#navtable {
	padding: .25em 0 0;
	margin: 0;
}
#navtable td {
	padding: .2em 1px;
}
#contentdiv {
	padding-top: 0;
	padding-left: 10px;
	margin-top: 4px;
}

/* -------------------------------------------------------------- */

td.label {
	width: 45%;
	padding: 4px;
} 
td.content {
	width: 55%;
	padding: 4px;
}

td.col1 {
	width: 35%;
	padding: 4px;
}

td.col2 {
	width: 20%;
	padding: 4px;
}

td.cornerRight {
	width: 50%;
	padding: 4px;
	float: right;
	text-align: right;
}

th.summaryTable {
	padding: 2px;
	float: right;
	text-align: right;
}
td.summaryTable {
	padding: 2px;
	float: left;
}

.tButton {
    /*font-family:Arial,Verdana,Helvetica,Sans-Serif;*/
    color:#066;
    background-color:transparent;
    text-decoration:underline;
    border-width:0;
    padding:0px;
    cursor:pointer;
    text-align:left;
}

.tButtonHover {
    /*font-family:Arial,Verdana,Helvetica,Sans-Serif;*/
    color:red;
    background-color:transparent;
    text-decoration:underline;
    border-width:0;
    padding:0px;
    cursor:pointer;
    text-align:left;
}

.data_label {
    padding: 2px 0 2px 0;
	font-weight: bold;
	text-align: right;
}

.data_value {
    padding: 2px 0 2px 0;
	text-align: left;
}

.twistie {
	cursor:pointer;
}

.hideOnStartup {
	display: none;
}

.center {		
  	/*font-family : Arial, verdana, sans-serif;*/
  	color : #000;		
}

.noMenuBody {
	padding-left: 8px;
}

/* ISC page --------------------------------------------------- */

ul {
	list-style-type: disc; 
}	

.mustdo {
	border: 1px solid #aaa;	
	padding: 0 8px;	
	margin: 0;
}
.mustdo .docheader {
	font-size: 1.1em;
	border-bottom: 1px dashed #888;
	background-color: #f4fafb;
	padding: 5px 4px;
	margin: 0;	
}
.mustdo .formheader {
	font-size: 1.1em;
	background-color: #f4fafb;	
	border-top: 1px dashed #888;
	border-bottom: 1px dashed #888;
	padding: 5px 0 5px 4px;
	margin-bottom: 2px;
}
.mustdo ul { 
	padding: 0 0 0 0;
	margin: 6px 0 6px 40px;
}
.mustdo ul.list1 li {
	padding: 2px 0;
}
.mustdo .mailforms {
	padding: 5px 0 5px 2px; 
	margin: 0;
}
.mustdo p {
	padding: 6px 0 0 7px;
	margin: 0;
}
.hidden {
	display: none;
}
.shown {
	display: block;
}
.viewed {
	font-weight: normal;
}
.newLetter {
	font-weight: bold;
}

/* ------ ADMIN CONSOLE STYLES -------*/

body#admin #branding-gov,
body#admin #skiplinks {
	display: none;
}
body#admin #nav-main {
	background: #F3F9F9;
	border-bottom: 1px solid #066;
}
body#admin #branding {
	padding: 0;
}

#wrapper .information {
 	background: #e6eaf0 url("/cp/images/icon_information.gif") no-repeat 5px 8px;
 	padding: .5em .5em .5em 32px;
 	border: 1px solid #0000C0;
 	margin: .2em 0 1em;
}
#wrapper .information p {
	color: #0000C0;
	margin: 0;
}

 table#courseDates a {
 	border: none;
 	text-decoration: underline;
 }

 table#enrolmentLevel a {
 	border: none;
 	text-decoration: underline;
}
#results .OFHighlightTerm1, #results .OFHighlightTerm2, #results .OFHighlightTerm3, #results .OFHighlightTerm4, #results .OFHighlightTerm5 {
	background: #ffff55;
	padding: 0 1px;
}
#cs1 #omni h4 {
	margin: 10px;
	font-size: 1.4em;
	display: block;
	width: 100%;
	float: none;
	text-align:left;
}
#cs1 #omni {
	position: relative;
	display: inline;
	width: 100%;
	float: left;
}

#navforms { 
	display: none;
}
#cs1 .portlet .portletbody img,
#cs3 .portlet .portletbody img  {  	  	
	display: inline; 	  	 
	float: none  !important; 	  	 
	border: 0; 	  	 
	padding: 0; 	  	 
	margin: 0; 	  	 
}	  

.warning {	
	background: url("/cp/images/icon_warning.gif") no-repeat 5px 9px #FFF;
	border: 1px solid red;
	margin: .2em 0 1em;
	padding: .5em .5em .5em 32px;
}

.warning_text p {
	color: #F22244;
}

@media screen { 
  .hiddenreceipt { display: none } 
}

@media print { 
  .hiddenreceipt{ display: inline }
}


/** Added to fix the date alignment issue for Pension Bonus --------------------------------*/

#div_giftDetails table select,
#div_giftDetails table input,
#div_giftDetails table td {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
#wrapper #div_giftDetails table {
	margin: 0 0 0 -10px;
}

div.error {
	color : #f03;
	border: 1px solid #f03;
	padding: 10px 10px 0 30px;
	margin: 1em 0 2em;
	background: #fff url("/cp/images/error.gif") 10px 1em no-repeat;
}

#container .error_text a,
#container .error_text a:visited,
#container .error_text a:hover,
ul.error_text a:link {
	color: #F00;
}

.hide#informationprovided {
	display:none;
}

form#docsFbo .information {
	color: #0000C0;
}

.logo-mygov {
	/*margin-top: -6px;*/
	margin-right: -20px;
}

a.return-to-mygov {
	/*font-family: arial, san-serif;*/
	font-size: 0.75em;
	color: #000;
	text-decoration: none;
	
	background-color: #D7EA6A;
	background-image: url("/cp/images/return_to_mygov_green_small_logo.png");
	background-repeat: no-repeat;
	background-position: 105px 3px;
	
	padding: 4px 0 4px 8px;
	width: 130px;
	height: 17px;
	display: block;
	margin: 3px;
	
	border-radius: 3px;
	border: 1px solid #aaa;	/* for light color background */
	/* border: 1px solid #333;	/* for dark color background */
}

.login a.continue-to-mygov {
	background: #d5ec84;
	background-image: -webkit-linear-gradient(top, #d5ec84, #97d55e);
	background-image: -moz-linear-gradient(top, #d5ec84, #97d55e);
	background-image: -ms-linear-gradient(top, #d5ec84, #97d55e);
	background-image: -o-linear-gradient(top, #d5ec84, #97d55e);
	background-image: linear-gradient(to bottom, #d5ec84, #97d55e);
	-webkit-border-radius: 0 6 6 0;
	-moz-border-radius: 0 6 6 0;
	border-radius: 0 6px 6px 0;
	color: #363636;
	font-size: 15px;
	padding: 10px 30px 10px 10px;
	text-decoration: none;
	font-weight: bold;
}

.login a.continue-to-mygov:hover, .login a.continue-to-mygov:focus {
	background: #099749;
	background-image: -webkit-linear-gradient(top, #099749, #026540);
	background-image: -moz-linear-gradient(top, #099749, #026540);
	background-image: -ms-linear-gradient(top, #099749, #026540);
	background-image: -o-linear-gradient(top, #099749, #026540);
	background-image: linear-gradient(to bottom, #099749, #026540);
	text-decoration: none;
	color: #fff;
}

input.return-to-mygov {
	/*font-family: arial, san-serif;*/
	font-size: 0.75em;
	color: #000;
	text-decoration: none;
	
	background-color: #D7EA6A;
	background-image: url("/cp/images/return_to_mygov_green_small_logo.png");
	background-repeat: no-repeat;
	background-position: 105px 3px;
	
	padding: 3px 30px 4px 0px;
	width: 140px;
	height: 27px;
	display: block;
	margin: 15px -20px 7.5px 15px;
	
	border-radius: 3px;
	border: 1px solid #aaa;	/* for light color background */
	/* border: 1px solid #333;	/* for dark color background */
}

.return-to-mygov:hover {
	background-color: #EBF4B5;
}

@media (max-width: 767px) {
	input.return-to-mygov {
		margin: 3px;
	}
}

.visuallyhidden {
border:0;
clip:rect(0000);
height:1px;
overflow:hidden;
position:absolute;
width:1px;
margin:-1px;
padding:0;
}

#sizer>.container {
	height: auto;
}

.portlet legend {
	width: auto;
	border: 0;
	font-size: inherit;
	margin: 0;
}

/**
* CSS changes for Login Screens
* Please note these changes should be located at the bottom of the CSS file or included as a separate (new) css file
**/

/**** Media Queries ****/


@media (max-width: 1140px) {
	.login--fixed-width {
		width: 814px;
	}
	.login--col1 {
		display: none;
	}
}

@media (max-width: 920px) {
	.login--fixed-width {
		width: 100%;
	}
	.login--col2, .login--col3 {
		width: 100%;
	}
	.login .image-children {
		background-size: 100% auto;
		height: 246px;
	}
	.login .info {
		margin-top: 246px;
	}
}

@media screen and (max-width:767px), screen and (-webkit-min-device-pixel-ratio: 2){
	.page {margin-bottom: 3em; float: left;}
	.page.login{min-width:600px; margin-bottom: 0; float: none; /* stop page from collapsing */}
	.photo-aside{display:none; /* hide image on small devices */}
	.has-aside{min-width:350px; /* stop content from collapsing */}
	.image-woman-and-child{display:none;}
	.box-heading--register{width:100%;}
}

@media screen and (max-width: 400px) {
	#branding .header-logo h1 {font-size: 16px;}
}

a#logout-return-to-mygov.return-to-mygov {
	/*font-family: arial, san-serif;*/
	font-size: 0.75em;
	color: #000;
	text-decoration: none;
	
	background-color: #D7EA6A;
	background-image: url("/cp/images/return_to_mygov_green_small_logo.png");
	background-repeat: no-repeat;
	background-position: 105px 3px;
	
	padding: 4px 0 4px 8px;
	width: 130px;
	height: 17px;
	display: block;
	margin: 3px;
	float: right;
	
	border-radius: 3px;
	border: 1px solid #aaa;	/* for light color background */
	/* border: 1px solid #333;	/* for dark color background */
}



.re-register-button {
	border: #738547 solid 2px;
	border-radius: 7px;
	width: auto !important;
	padding: 0.5em 1.5em 1.5em;
	color: white;
	background-color: #9bba5c;
}

.portlet label {
	font-weight: inherit;
}

@media(max-width:767px){
	.logout { 
		padding-right: 15px;
		padding-bottom: -10px;
	}
	.logo-mygov {
		margin-top: -6px;
		margin-right: 10px;
	}
	
}

@media (min-width:768px) {
	.pull-right-sm {
		float: right!important;
	}
}

@media screen and ( max-width: 515px ) {
    .hidden-xxs {
       display:none; /* custom breakpoint to hide the "online account" section of the nav */
    }
}
.text-nowrap {
  white-space: nowrap;
}

.menu-container {
	top: 4em !important;
   
	/* this is to override the menu portlet's own css styling and push the menu down below the header.
		Without this, the menu heading "Menu" will be partially obscured by the header bar*/
		
}

.menu-search-input {
/* Fix the input in the menu which bootstrap breaks */
color: #000;
}

.navbar-inverse .navbar-nav > li.web-address > a {
  color: #fff;
  text-decoration: none;
}

/* Temporary fix for displaying a logout button at mobile screen sizes */
#mobileLogout {
	margin-top: -64px;
}

@media (min-width: 768px) {
	#mobileLogout {
		display: none;
	}
}

/* Temporary fix for right-side icons on the landing page */
.landing-page .aux-functions {
	display: none;
}