/* ------------------------------------------*/
/*	Index                    	             */
/* ------------------------------------------*/
/* Section 1: Body Tags, Hyperlinks	         */
/* Section 2: Form Related Tags              */
/* Section 3: Table Tags		             */
/* Section 4: ResultsTld2 Tags 	             */
/* Section 5: Input, TextArea, p Tags 	     */
/* Section 6: Templates 			         */
/* Section 7: Text Styles			         */
/* Section 8: Miscallaneous Classes 		 */
/* ------------------------------------------*/


/* ------------------------------------------*/
/* Section 1: Body Tags 		             */
/* ------------------------------------------*/

html,body {
	width: 100%;
}

body {
	/*position:absolute; */
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	padding:0px;
	margin:0px;
	background-color: #FFFFFF;
}

body.no-menu {
	background-color: #FFFFFF;
}

/*
body#cont-grid {
	background-color: #E4E2E3;
}
*/

.back-office {
	margin-left: 10px;
}

/* Menu */

.menu-table, .menu-table tr, .menu-table td {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}

/* Borders */

.powered-by {
	height: 15px;
	margin: 0px;
	padding: 2px;
	border-collapse: collapse;
}

div#powered-by{
	height: 15px;
	font-family: Trebuchet MS;
	font-size: 10px;
	color:#1F3866;
	text-align: right;
}

a:link {color: #948671; font-size: 12px; text-decoration:underline;}
a:visited {color: #948671; font-size: 12px; text-decoration:underline;}
a:hover {color: #ffffff; font-size: 12px; background-color: #cccccc; text-decoration:none;}
a:active {color: #666666; font-size: 12px; text-decoration:none;}



/* ------------------------------------------*/
/* Section 2: Form Tags 		             */
/* ------------------------------------------*/
form {
	border: 0px;
}

.form-table {
	margin: 0px 3px 3px -1px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 3px;
}

.form-legend {
	text-align: left;
}


.form-table-header a:link {color: #FFFFFF; text-decoration:underline;}
.form-table-header a:visited {color: #FFFFFF;text-decoration:underline;}
.form-table-header a:hover {color: #FFFFFF;text-decoration:underline;}
.form-table-header a:active {color: #FFFFFF;text-decoration:underline;}

/* Groups items in an OR list together
As of 12/12/05 This is used for fund search and new contribution period in employer services
*/
.grouped {
	border: 1px solid grey;
	padding: 8px;
	margin: 8px 0px 8px 0px;
}


/* ------------------------------------------*/
/* Section 3: Table Tags 		             */
/* ------------------------------------------*/

table {
	border-collapse: collapse;
}

td {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

table.main-table, table.inner-table, table.login-table, table.footer-table {
	border-spacing: 0px;
}

.main-table, .main-table tr, .main-table td {
	padding: 0px;
	margin: 0px;
	border-width: 0px;
}

table.menu-table {
	/* height: 100%; */
}

.menu-table td.right-line {
	height: auto;
}

table.inner-table, table.login-table {

}

.main-table {

}


.main-table tr#table-header {
	height: 2%;
}

.main-table tr#table-footer {
	height: 1%;
}

table.login-table tr.main-content {
	/*height: 100%;*/
}

.results-table {
	font-size: 12px;
	margin-left: -1px;
	margin-right: 30px;
	color: #000000;
	padding-right:5px;
}

.results-table td {
	padding: 1px 3px 1px 3px;
}

.form-table td {
	padding: 1px 3px 1px 3px;
}

td {
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	padding: 3px 3px 3px 3px;
	font-size:12px;
}

td .label {
    colour: #000000;
    font-size: 12px;
    font-family: arial
    text-align: left;
}

.results-table .header a:link {color: #FFFFFF; text-decoration:underline;}
.results-table .header a:visited {color: #FFFFFF;text-decoration:underline;}
.results-table .header a:hover {color: #FFFFFF;text-decoration:underline;}
.results-table .header a:active {color: #FFFFFF;text-decoration:underline;}

.results-table .header .group {
	text-align: center;
	background-color: #666666;
	color: #ffffff;
	font-weight: bold;
}

.results-table .header {
	background-color: #666666;
	font-family: arial;
	font-weight: bold;
	color: #ffffff;
}

.results-table .footer .item, .results-table .footer .number, .results-table .footer .date {
    background-color: #ffffff;
    color: #000000;
    font-weight: bold;
}

.results-table .subheader,
	.results-table .subheader .item, .results-table .subheader .date, .results-table .subheader .number  {
	font-weight: bold;
}

.results-table .subheader td {
	border: 1px solid #E5E1E2;
	white-space: nowrap;
}


.t-collapse .results-table, .t-collapse .results-table td {
	width:100%;
	border: 0px;
	border-collapse: no-collapse;
	background-color: #ffffff;
}

#l-periods .results-table td {
	white-space: nowrap;
}

#l-conth-deeming .form-table .header td {
	display: none;
}

.results-table .footer td {
	background-color: #214D7A;
    color: #ffffff;
    font-weight: bold;
}

.results-table .multi-row {
	vertical-align:top;
}


/* ------------------------------------------*/
/* Section 4: ResultsTld2 Tags 	             */
/* ------------------------------------------*/
.header a:link {color: #FFFFFF; text-decoration:underline;}
.header a:visited {color: #FFFFFF;text-decoration:underline;}
.header a:hover {color: #FFFFFF;text-decoration:underline;}
.header a:active {color: #FFFFFF;text-decoration:underline;}

.header {
	background-color: #666666;
	color: #ffffff;
	font-weight: bold;
	font-family: arial, verdana, serif;
}

.header td{
	color: #ffffff;
	background-color: #666666;
	margin-bottom: 3px;
}


.header .number, .header .date, .header .mixed {
	color: #ffffff;
	text-align: right;
}

.results-table .odd {background-color: #cccccc; }
.results-table .even {background-color: #f2eee8; }

.results-table .odd td, .results-table .even td {border: 1px solid #E5E1E2; white-space: nowrap;}
.results-table .new td { border: 1px solid rgb(168, 192, 250); white-space: nowrap; background-color: rgb(211, 211, 255); }
.results-table .new-even td { border: 1px solid rgb(168, 192, 250); white-space: nowrap; background-color: rgb(230, 230, 255); }
.results-table .selected td {border: 1px solid rgb(168, 192, 250); white-space: nowrap; background-color: rgb(225, 225, 0);}
.results-table .final td { border: 1px solid rgb(168, 192, 250); white-space: nowrap; background-color: rgb(255, 187, 187);}


/* ------------------------------------------*/
/* Section 5: Input, TextArea, p Tags 	     */
/* ------------------------------------------*/
p, li {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    margin: 0px;
    padding: 0px;
}

input {
	width: 120px;
}

input, textarea {
	font-family: arial, helvetica, sans-serif;
	padding: 0px 3px 0px 3px;
	font-size: 90%;
	border: 1px solid #491919;
}

input.submit-button {
	width: auto;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

select {
	font-family: arial, helvetica, sans-serif;
	font-size: 90%;
	border: 1px solid #491919;
	padding: 0px 0px 0px 0px;
}

img {
	border: 0px;
}


/* ------------------------------------------*/
/* Section 6: Templates             		 */
/* ------------------------------------------*/
#t-wrapper {
	padding: 0px;
	margin: 0px;
}

#t-info {
    position: absolute;
    top: 112px;
    left: 0px;
    width: 100%;
    height: 18px;
    background-color: #491919;
	text-align: left;
	padding: 0px;
}

#t-top-wrapper {
	/* width: 100%; */
	margin:0px;
  	padding:0px;
	left: 0px;
	background-color: #FFFFFF;
}

#t-sitelogo {
	background-image: url(../images/logo_aussuper.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #FFFFFF;
	height:93px;
	width:100%;
	padding:0px;
}

#t-banner{
  	height: 10px;
  	background-color: #948671;
	width: 100%;
	padding:0px;
}

#t-menu {
	padding-right:0px;
	padding-top:0px;
	width:100%;
	text-align: right;
}


td.middle-bit {
	zoom: 1;
	/* width:100%; */
	margin-left:50px;

}

.with-menu #l-main {
	width: 95%;
	height:auto;
	margin: 10px 20px 0px 0px;
	padding: 10px 0px 10px 30px;
}

.no-menu #l-main {
	height:auto;
	margin: 10px 10px 10px 10px;
	padding-top:10px;
	padding-left: 0px;
	padding-right: 30px;
	background-image: none;
}

/* Turn off margins when inside inner table */
.inner-table #l-main, .login-table #l-main {
	margin: 0px;
}

.inner-table {
	width: 100%;

}

#indent-wrapper {
}

.login-table {
	margin: 0px 1px 0px 0px;
	width: 100%;
	height: 100%;
}

#l-print {
	display: none;
}


#l-selector {
	position: absolute;
	top: 145px;
	right: 10px;
	text-align: right;
	padding-right: 5px;
}

#l-selector .select {
	width: 250px;
}

#l-header {
	margin-top: 0px;
}

html>body #l-header {
	margin-top:0px;
}

#l-info {
	margin: 0px 10px 0px; 10px;
	list-style-image: url(../images/icons/info.gif)
}

#l-error {
	margin: 0px 10px 0px; 10px;
	list-style-image: url(../images/icons/error.gif)
}

#l-warning {
	margin: 0px 10px 0px; 10px;
	list-style-image: url(../images/icons/warning.gif)
}

/* Add padding so IE doesn't render list style image next to text  */
#l-info ul li, #l-error ul li, #l-warning ul li, #l-norecords ul li,  {
	padding-left: 10px;
}

#l-alert {
	margin-left: 10px;
	list-style-image: url(../images/icons/tick.gif)
}

#l-pdf-statement #l-alert {
	list-style-image: url(../images/icons/info.gif)
}

#l-pdf-statement #l-alert li span{
	padding-left:10px;
}

#l-confirm {
	text-align: center;
	border: solid 1px;
	margin: 0px;
	margin-bottom: 10px;
	border: 1px solid #666666;
}

.l-graph {
	margin-left: 0px;
	margin-top:10px
}

.l-graph img{
	border: 1px solid #5870AA;
}

#l-helpid {
	display: none;
}


div.min-height-prop {
    display:none;
}

.middle-bit {
	width:100%;
	/*height: 100%;*/
}

#login-wrapper .middle-bit {

}


/*
#t-wrapper, #t-login-wrapper, .main-table, .login-table

*/

#main-body-section {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    height:100%;
}


/* Footer */

div .footer-table {
	width: 100%;
}

div#t-login-wrapper .main-table {
    margin-top: 20px;
}

div#t-login-wrapper .main-table td {
    margin-top: 20px;
    padding-bottom: 2px;
}

div#t-login-wrapper #l-actionarea {
    padding-bottom: 0px;
}

div#t-login-wrapper .center-table-area {
    width: 180px;
}

div#t-login-wrapper .footer-table{
	margin: 0px 0px 0px 0px; /* no indent */
}

.footer-table{
	border-spacing: 0px;

}

td.footer-left {
	height:45px;
	width: 462px;
	background-image:url(../images/footer_left.jpg);
	background-repeat:no-repeat;
}

td.footer-middle {
	height:45px;
	background-image:url(../images/footer_mid.jpg);
	background-repeat:repeat-x;
}

td.footer-right {
	text-align: right;
	height:45px;
	width: 46px;
	background-image:url(../images/footer_right.jpg);
	background-repeat:no-repeat;
}


.l-root-footer a, .l-root-footer .divider {
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color:#CCCC00;
}

.footer-text-wrapper {
	text-align: right;
}

div#l-investment-fund-profile, div#l-investment-type-profile, div#l-insurance2, div#l-have, div#l-investment-change-2{
	padding-right: 30px;
}

div#l-ereports-page iframe {
	margin-left:-30px;
}



/* ------------------------------------------*/
/* Section 7: Text Classes 					 */
/* ------------------------------------------*/
.text-title {
	color: #483d8b;
	font-size: 22px;
	font-weight: bold;

}

.heading {
	color: #483d8b;
	font-size: 16px;
	font-weight: bold;
}

.subheading {
	color: #948671;
	font-size: 13px;
	font-family: arial;
	font-weight: bold;
}

.info {
	font-size: 80%;
	font-weight: bold;
}

.error {
    font-family: arial;
    font-size: 12px;
    color: #660000;
	background-color: #ff9999;
}

.dishonoured {
	color: #990000;
}

.warning {
	background-color: #ffff99;
}

.negative {
	color: #990000;
}

.print-only {
	display: none;
}

.whitetext{
    margin:2px;
    margin-top: 0px;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
}

.footer-notes {
	color: #B5B500;
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: right;
	padding-bottom: 10px;
}

.footer-notes a:link {color: #B5B500;text-decoration:none;}
.footer-notes a:visited {color: #B5B500;text-decoration:none;}
.footer-notes a:hover {color: #B5B500;text-decoration:underline;}
.footer-notes a:active {color: #B5B500;text-decoration:auto;}

/* ------------------------------------------*/
/* Section 8: Miscallaneous Classes 		 */
/* ------------------------------------------*/

.disabled {
	background-color:#CCCCCC;
}

.checkbox {
	border: 0px;
	width: 16px;
}

.radio {
	border: 0px;
}


.readonly {
	color: #cc0000;
	border: 0px;
}
.number-readonly {
	text-align: right;
	color: #cc0000;
	border: 0px;
}
.date-readonly {
	text-align: right;
	width: 70px;
	color: #cc0000;
	border: 0px;
}


.readonly-text {
	color: #000000;
}

.number {
	text-align: right;
}

.number-error {
	text-align: right;
	background-color: #ffaaaa;
}
.number-warning {
	text-align: right;
	background-color: #ffffaa;
}


.date {
	width: 70px;
}
.date-warning {
	width: 70px;
	background-color: #ffffaa;
}
.date-error {
	width: 70px;
	background-color: #ffaaaa;
}

.hidden {
	display: none;
}

/* legacy graph style */
.graph {
	float: left;
}

/* all new graphs use below styles */
.graph-area {
	float: left;
}

.legend-area {
	margin-left: 10px;
	float: right;
}

a.download:visited
{
}

#t-info img {
	margin: 0px;
	padding: 0px;
}

#l-title img {
    display: none;
}

#l-title {

    margin-top: 35px;
    margin-bottom: 10px;
}

html>body #l-title {
    margin-top: 25px;
}

#l-title .title-text {
    color: #660000;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, verdana, serif;
}

#l-login-title {
    display: none;
}

#l-help p {
	color: #214D7A;
	font-style: italic;
}

#l-unsaved-changes p {
	width: 600px;
	text-align: center;
	color: #000000;
	font-family: Arial;
	margin: 1px 1px 1px 40px;
}

.inactive-unsaved-changes {
	visibility: hidden;
}

.active-unsaved-changes {
	display: block;
}

/* ------------------------------------------*/
/* Special Cases 							 */
/* ------------------------------------------*/
/* Logging in */
#l-index #l-actionarea {
	margin-left: 50px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: left;
}

#l-index #l-header {
	margin-top: 10px;
}

#l-index #l-buttons {
	margin-left: 5px;
	text-align: left;
}

#l-buttons {
    margin-top: 10px;
}

#l-buttons a:hover {
    background: none;
}

#l-leading {
    margin-top: 10px;
    margin-bottom:10px;
    font-style: normal;
}

#l-leading p {
    margin-top: 10px;
}



#l-logged-in #l-actionarea {
	/* margin-top: 100px; */
}

#l-blank-header .results-table{
	border: none;
}

/* override #l-monitor settings for members benefit quote */
#l-monitor tr.even td {
	background-color:#FFFFFF;
}

#l-main #l-monitor {	
	text-align: left;				
}	

#l-monitor #l-actionarea{
	text-align: center;	
	margin:0px;
}

#l-quote-display table.form-table, #l-quote-display table.results-table {
	width:530px;
}
#l-quote-display td.item {
	text-align:right;
}

#l-quote-display .results-table td {
	width:auto;
}

.mandatory {
	font-weight: bold;
}

.readonly {
 	border: 0px none ;
	color: rgb(204, 0, 0);
}

.number-readonly, .total {
	border: 0px none ;
   	text-align: right;
}

.date-readonly {
	border: 0px none ;
	text-align: right;
    width: 70px;
	color: rgb(204, 0, 0);
}

.warning {
	background-color: rgb(255, 255, 170);
}
.error {
	background-color: rgb(255, 170, 170);
}

.number {
	text-align: right;
   }

.number-error {
	text-align: right;
   	background-color: rgb(255, 170, 170);
}

.number-warning {
	text-align: right;
   	background-color: rgb(255, 255, 170);
}

.date {
	text-align: right;
   	width: 70px;
}

.date-warning {
	text-align: right;
   	width: 70px;
   	background-color: rgb(255, 255, 170);
}

.date-error {
	text-align: right;
	width: 70px;
	background-color: rgb(255, 170, 170);
}

p.important {
	padding-left: 20px;
}

p.important a:active,p.important a:hover,p.important a:visited,p.important a:link, p.important {
	font-size: 14px;
}

p.important strong {
	padding-left: 75px;
}

#asat {
	font-weight: bold;
}

/* ------------------------------------------*/
/* Miscellaneous Sections                    */
/* ------------------------------------------*/
#l-strobe-lights {
	text-align: center;
}

#l-strobe-lights img, #l-strobe-lights div{
	margin: 5px;
	width: 8px;
	height: 40px;
}

#cell-3 {
	height: 50px;
}

#confirm {
	background-color: #dddddd;
	border: solid #000000 1px;
}

.help-image {
	padding: 0px 2px 2px 2px;
}

/*BPAY Styles*/
#bpay-table table {
	border:2px solid #001C58;
	border-collapse: collapse;
	width:300px;

}

#bpay-table #inner-table, #bpay-table #inner-table  td{
	border:0px solid red;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	white-space: nowrap;
}

#bpay-table td {
	background-color:#FFFFFF;
	padding:8px;
	color:#001C58;
	font-family: Arial, Verdana, Helvetica;
	font-size:13px;
	border: 1px solid white;
	white-space: normal;
}

#bpay-logo {
	width:40px;
}


div#biller-ref {
	border:2px solid #001C58;
	height:69px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	margin-left:5px;
	line-height:25px;
	color:#001C58;
	font-weight:bold;

	/*change below here for client specific font*/
	font-family: Arial, Verdana, Helvetica;
	font-size:16px;

}

html>body div#biller-ref {
	height:57px;
	padding-top:5px;
	padding-bottom:3px;
}


#bpay-text td.dataType{
	padding-top:0px;
}

#file-tree td div, #file-tree p
{
	background-image: url(../images/icons/file_default.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
}

#file-tree .indent
{
	left: 30px;
	position: relative;
}

#file-tree .file-pdf {
	background-image: url(../images/icons/file_pdf.gif);
}

#file-tree .file-csv {
	background-image: url(../images/icons/file_csv.gif);
}

#file-tree .file-doc {
	background-image: url(../images/icons/file_doc.gif);
}

#file-tree .folder-open {
	background-image: url(../images/icons/folder_open.gif);
	padding: 3px 0 3px 40px;
}

#file-tree .folder-closed {
	background-image: url(../images/icons/folder_closed.gif);
	padding: 3px 0 3px 40px;
}

#file-tree td
{
	padding-right: 20px;
}

#file-tree .header
{
	font-weight: bold;
	color: rgb(51,102,153);
	background-color: transparent;
}

#phone-areacode {
	width: 20px;
}

.back-office td#indent-wrapper {
	padding-left: 0px;
}

.back-office div.min-height-prop {
    height: 0px;
    float: right;
    width: 1px;
}

.back-office table.footer-table {
	width:100%;
}
/*
.label input {
	border:0px;
}*/

.center-table-area, .middle-bit {
    background-image: url(../images/bg_gradBlue.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
}

#menu-section {
    border-right: 1px solid #D8DEE1;
    width: 180px;
    height:400px;
}

#pagefooter table {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.util {
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	background: url(bg_footer_grad.gif) 0 0 repeat-x;
	width: 100%;
	font-size: 11px;
	font-family: arial;

}

.util li {
	float: left;
	border-right: 1px solid #82D6DF;
	padding: 0 8px 0 8px;
	margin: 0;
	list-style-type: none;
	line-height: 9px;
	font-size: 10px;
}

.util li.last {
    border: none;
}

#pageheader .util {
    position: absolute;
    top: 0px;
    right: 10px;
    width: auto;
}

.util li a, .util li a:visited {
	color: #231E72;
	text-decoration: none;
	line-height: 7px;
	font-size: 10px;
}

.util li a:hover, .util li a:active {
	color: #FFFFFF;
	background: #A3E1E8;
	font-size: 10px;
}

#pagefooter .disclaimer{
	margin: 0px;
    padding: 0px;
}

#pagefooter .disclaimer td, #pagefooter .disclaimer p {
	padding-left: 10px;
	font-size: 11px;
	color: #666666;
	font-family: arial;
}

#l-disclaimer {
	margin-left:30px;
}

#grey-divider {
    position: absolute;
    top: 102px;
    left: 0px;
    background: #f2eee8;
    width: 100%;
    height: 10px;
}

#print-only {
    display: none;
}