/*========================================================*/
/*PIRSA Payments Plus				
/*========================================================*/

/*GENERAL PAGE SET UP*/
body
	{
	margin:0;
	padding:0;
	background:#FFFFFF;
	}

img
	{
	border:0;
	}

#pageBody
{
	padding-left: 130px;
	background:#CC0000;
}

.pageHeader
{
	background:#00427a;
	padding-left:12px;
	height: 71px;
}

td.pageHeader a
{
  color:#FFFFFF;
  text-decoration:none;
}

td.pageHeader a:hover
{
  color:#FFFFFF;
  text-decoration:underline;
}

td.pageHeader a:visited
{
  color:#FFFFFF;
}

#page
{
    padding-top:50px;
    padding-bottom:50px;
   
}

#scrollPageBody
{
	padding-left: 0px;
	width: 750px;
    height: 250px;
	background:#FFFFFF;
	overflow: auto;
     border: 1px solid #EEEEEE;
}

#FooterBody
{
	background:#ffffff;
	position:absolute;
	top:420px;
	background:#f1f2f1;
}


/*========================================================*/
/*HEADER SPECIFIC CSS*/
.headerBg
	{
	//background: #576A1B url("/ados/sys/graphics/header/header_bg_tile.gif") repeat-x;
	background: url(/ados/sys/graphics/header/header_bg_tile.gif);
	height: 56px;
	font-size: 12px;
	}

.PIRSAlogo {
	position:absolute;
	top:0px;
	left: 600px;
	height: auto;
	width: auto;
	overflow: hidden;
}

/*========================================================*/
/*FOOTER SPECIFIC CSS*/
.footerBg
	{
	background: #576A1B url("/ados/sys/graphics/footer/footer_bg_tile.gif") repeat-x;
	padding-top: 5px;
	height: 27px;
	font-size: 12px;
	color:#ffffff;
	}

a.footerA:link,a.footerA:active,a.footerA:visited,a.footerA:hover
	{
	font:normal 10px arial,sans-serif;
	color:#fff;
	text-decoration:none;
	}

a.footerA:hover
	{
	text-decoration:underline;
	}

/*Copyright Links and Footer*/
a.footerB:link,a.footerB:active,a.footerB:visited,a.footerB:hover
	{
	font:normal 10px arial,sans-serif;
	color:#D74A06;
	text-decoration:underline;
	}
a.footerB:hover
	{
	text-decoration:none;
	}


/*========================================================*/
/*FONTS*/
body,h1,h2,h3,h4,h5,h6,p,div,td,ol,ul,li,dd,dl,dt,pre
	{
	font-family:helvetica,arial,sans-serif;
	color:#000000;
	}

a.MainMenuLink
	{
	font-family:arial,sans-serif;
	}

h1,h2,h3,h4,p
	{
	/* reset any browser default values */
	padding:0;
	margin:0;
	}

h1
	{
	font-size:24px;
	line-height:1;
	margin-top:14px;
	margin-bottom:8px;
	}

td.h1
	{
	font-size:24px;
	line-height:1;
	padding-bottom:8px;
	}

h2
	{
	font-size:20px;
	line-height:1;
	margin-top:9px;
	margin-bottom:2px;
	}

td.h2
	{
	font-size:20px;
	line-height:1;
	padding-top:9px;
	padding-bottom:2px;
	}

h3
{
	font-size:16px;
	line-height:1;
	margin-top:4px;
	margin-bottom:2px;
}
h3
{
	font-size:16px;
	line-height:1;
	padding-top:4px;
	padding-bottom:2px;
}
h4
{
	font-size:14px;
	line-height:1;
	margin-top:4px;
	margin-bottom:2px;
	font : bold;
}
td.h4
{
	font-size:14px;
	line-height:1;
	padding-top:4px;
	padding-bottom:2px;
	font: bold;
}
h5
{
	font-size:12px;
	line-height:1;
	margin-top:4px;
	margin-bottom:2px;
}
h6
{
	font-size:12px;
	line-height:1;
	font-style:italic;
	margin-top:4px;
	margin-bottom:2px;
}
p
{
	font-size:12px;
	margin-top:1px;
	margin-bottom:1px;
}

.Copyright
{
	font-size:10px;
	line-height:1.3;
	margin-top:2px;
	margin-bottom:8px;
}

ul
{
	margin-top:0px;
	margin-bottom:4px;
	list-style:square;
}
li
{
	font-size:12px;
	line-height:1.6;
	margin-top:2px;
	margin-bottom:4px;
}
body,div,td,dd,dl,dt,pre
{
	/*other font sizes*/
	font-size:12px;
}

/*========================================================*/
/*LINKS*/
a:link,a:active
{
	color:#005AFF;
	text-decoration:none;
}

a:visited
{
	color:#6D33CC;
	text-decoration:none;
}

a:hover {
	color : #1885FF;
	text-decoration:underline;
}

/*========================================================*/
/*Left Navigation Items*/
#nav
	{
	position:absolute;
	top:51px;
	left:0;
	width:128px;
	background:#fff;

	}

.navItem
	{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	}

#navMenu
	{
	height:6px;
	margin:0;
	font-size:1px;
	}

/*========================================================*/
/*Data Body Definitions									  */
/*========================================================*/

/*===================*/
/*Customer Select    */
/*===================*/
#SelectCustHead
	{
	position:absolute;
	top:125px;
	left:140px;
	width:630px;
	background:#F2F8FF;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:4px;
	height: 25px;
	visibility: visible;
	border:thin solid #336699;
	font : bold;
	background-color: #CDCDCD;
	}

#SelectCust
	{
	position:absolute;
	top:152px;
	left:140px;
	width:630px;
	background:#f1f2f1;
	padding-bottom:5px;
	padding-top:5px;
	padding-top:2px;
	overflow:auto;
	height: 268px;
	visibility: visible;
	border:thin solid #336699;
	}

.custIDCol
{
 width: 120px;
 float: left;
 padding-left:5px;

}
.custNameCol
{
 width: 250px;
 float: left;

}

.amountCol
{	
 width: 100px;
 float: left;
 text-align:right;

}

.selectCustCol
{
 width: 45px;
 float: left;
 color:#FF00FF;
 padding-left:3px;
}

.selecteUserCol
{
 width: 45px;
 float: left;
 color:#FF00FF;
 padding-left:4px;
}


/*===================*/
/*eUser Selections   */
/*===================*/
#SelecteUserHead
	{
	position:absolute;
	top:125px;
	left:140px;
	width:635px;
	background:#F2F8FF;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:4px;
	height: 25px;
	visibility: visible;
	border:thin solid #336699;
	font : bold;
	background-color: #CDCDCD;
	}

#SelecteUser
	{
	position:absolute;
	top:152px;
	left:140px;
	width:635px;
	background:#f1f2f1;
	padding-bottom:5px;
	padding-top:5px;
	padding-top:2px;
	overflow:auto;
	height: 268px;
	visibility: visible;
	border:thin solid #336699;
	}


.euserIDCol
{
 width: 100px;
 float: left;

}
.firstNameCol
{
 width: 200px;
 float: left;

}

.lastNameCol
{
 width: 200px;
 float: left;
}

.selectCustomersCol
{
 width: 20px;
 float: left;
 padding-left:4px;
}


/*===========================*/
/*Simple Customer Slect      */
/*===========================*/
#SelectSimpleCustHead
{
	position:absolute;
	top:110px;
	left:140px;
	width:620px;
	background:#F2F8FF;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:4px;
	height: 25px;
	visibility: visible;
	border:thin solid #336699;
	font : bold;
	background-color: #CDCDCD;

}

#SelectSimpleCust
{
	position:absolute;
	top:135px;
	left:140px;
	width:620px;
	background:#f1f2f1;
	padding-bottom:5px;
	padding-top:5px;
	padding-top:2px;
	overflow:auto;
	height: 275px;
	visibility: visible;
	border:thin solid #336699;
}

.editContactCol
{
 padding-left:20px;
 width: 45px;
 float: left;
}

/*===========================*/
/*Outstanding Invoices       */
/*===========================*/
#OutStandInvHead
{
	position:absolute;
	top:196px;
	left:8px;
	width:765px;
	background:#F2F8FF;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:4px;
	height: 8px;
	visibility: visible;
	border:thin solid #336699;
	font : bold;
	background-color: #CDCDCD;
}

#OutStandInv
{
	position:absolute;
	top:216px;
	left:8px;
	width:765px;
	background:#f1f2f1;
	padding-bottom:5px;
	overflow:auto;
	height: 203px;
	visibility: visible;
	border:thin solid #336699;
}

/* Outstanding Invoices - Column Definitions */
.OutStandInvSelectCol
{
 width: 20px;
 float: left;
 padding-right:4px;
 padding-left:10px;
 }

.OutStandInvIDCol
{
 width: 80px;
 float: left;

}
.OutStandInvDateCol
{
 width:80px;
 float:left;	
}

.OutStandInvDocNoCol
{
 width:80px;
 float:left;	
}

.OutStandInvDescCol
{
 width:170px;
 float:left;
 word-wrap:break-word ;	
}

.OutStandInvOrgAmtCol
{
 width:80px;
 float:left;
 text-align:right;
}

.OutStandInvAmtDueCol
{
 float:left;
 width:100px;
 text-align:right;	
}

.OutStandInvAmtToPayCol
{
  float:left;
  width:90px;
  text-align:right;	
}

.OutStandInvDetailCol
{
  float:left;
  width:10px;
  padding-left:3px;
}	

/*===========================*/
/*	Outstanding Invoices
	Total Box				*/
/*===========================*/

#OutStandTotal
{
	position:absolute;
	top:65px;
	left:417px;
	width:240px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:0px;
	overflow:auto;
	height: 115px;
	visibility: visible;
	border:thin solid #336699;
}

/*
#OutStandTotalRowHighlight
{
	background-color:#F7F1BF;
	height: 18px;
	width: auto;
	border-top: 2px ridge #EAE4BF;
	border-right: 2px ridge #EAE4BF;
	border-bottom: 2px ridge #EAE4BF;
	border-left: 2px ridge #EAE4BF;
}
*/

#OutStandTotalRowHighlight
{
	background-color:#F7F1BF;
	height: 20px;
	border-top: 2px outset #CCCCCC;
	border-right: 2px outset #CCCCCC;
	border-bottom: 2px outset #CCCCCC;
	border-left: 2px outset #CCCCCC;
}

#OutStandTotalRow
{
	padding-right: 2px;
	padding-left: 2px;
}


#OutStandTotalRowLine
{
height: 13px;
border-top:thin solid #CCCCCC;
}


.OutStandTotalCol1
{
 font-size:11px;
 width: 125px;
 float: left;
 text-align:right;
}

.OutStandTotalCol2
{
 font-size:11px;
 width: 80px;
 float: left;
 padding-left:2px;
 text-align:right;	
}

#OutStandCurrentTotal
{
 font-size:11px;
 width: 80px;
 float: left;
 padding-left:2px;
 text-align:right;	
}

.AmountBox 
{
text-align: right;
height:20px;
font-size:12px;
margin:0px;
width:70px;
padding-right:5px;
}


/*===========================*/
/*Invoice Details            */
/*===========================*/
#InvDetailHead
{
	position:absolute;
	top:196px;
	left:8px;
	width:765px;
	background:#F2F8FF;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:4px;
	height: 8px;
	visibility: visible;
	border:thin solid #336699;
	font : bold;
	background-color: #CDCDCD;
}

#InvDetail
{
	position:absolute;
	top:216px;
	left:8px;
	width:765px;
	background:#f1f2f1;
	padding-bottom:5px;
	overflow:auto;
	height: 180px;
	visibility: visible;
	border:thin solid #336699;
}

/*Invoice Details - Column Definitions */
.InvDetailQtyCol1
{
 width: 45px;
 float: left;
 padding-right:0px;
 text-align:right;		
 }

.InvDetailQtyCol
{
 width: 90px;
 float: left;
 padding-right:0px;

 }

.InvDetailQtyCol2
{
 width: 45px;
 float: left;
 padding-left:0px;
}

.InvDetailDescCol
{
 width: 290px;
 float: left;

}
.InvDetailPriceCol
{
 width:120px;
 float:left;
  text-align:right;		
}

.InvDetailGSTCol
{
 width:120px;
 float:left;	
  text-align:right;	
}

.InvDetailTotalCol
{
  float:left;
  width:120px;
  padding-left:3px;
  text-align:right;	
}	


.InvDetailTotalText
{
	position:absolute;
	top:398px;
	left:400px;
	width:120px;
	text-align:right;	
	height: 10px;
	visibility: visible;
}
.InvDetailTotalTax
{
    padding-right:21px;
	position:absolute;
	top:394px;
	left:535px;
	width:120px;
	text-align:right;	
	height: 10px;
	visibility: visible;
	border:thin solid #336699;
}
.InvDetailTotalTotal
{
  padding-right:19px;
	position:absolute;
	top:394px;
	left:653px;
	width:120px;
	text-align:right;	
	height: 10px;
	visibility: visible;
	border:thin solid #336699;
}


/*===========================*/
/*Selected to pay Details            */
/*===========================*/
#ToPayHead
{
	position:absolute;
	top:196px;
	left:8px;
	width:765px;
	background:#F2F8FF;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:4px;
	height: 8px;
	visibility: visible;
	border:thin solid #336699;
	font : bold;
	background-color: #CDCDCD;
}

#ToPay
{
	position:absolute;
	top:216px;
	left:8px;
	width:765px;
	background:#f1f2f1;
	padding-bottom:5px;
	overflow:auto;
	height: 180px;
	visibility: visible;
	border:thin solid #336699;
}


/* Selected to pay - Column Definitions */
.ToPaySelectCol
{
 width: 15px;
 float: left;
 padding-right:4px;
 margin-left:10px;
}

.ToPayIDCol
{
 width: 80px;
 float: left;

}
.ToPayDateCol
{
 width:80px;
 float:left;	
}

.ToPayDocNoCol
{
 width:100px;
 float:left;	
}

.ToPayDescCol
{
 width:175px;
 float:left;
 word-wrap:break-word ;	
}

.ToPayOrgAmtCol
{
 width:100px;
 float:left;
 text-align:right;
}

.ToPayAmtDueCol
{
 float:left;
 width:100px;
 text-align:right;	
}

.ToPayAmtToPayCol
{
 float:left;
 width:80px;
 text-align:right;	
}

/*===========================*/
/*	ToPay
	Total Box				*/
/*===========================*/

#ToPayTotal
{
	position:absolute;
	top:145px;
	left:503px;
	width:269px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:0px;
	overflow:auto;
	height: 40px;
	visibility: visible;
	border:thin solid #336699;
}

#ToPayTotalRow
{
	padding-right: 2px;
	padding-left: 2px;
}


.ToPayTotalCol1
{
 font-weight:bold;
 width: 141px;
 float: left;
 text-align:right;
}

.ToPayTotalCol2
{
 width: 80px;
 float: left;
 padding-left:2px;
 text-align:right;	
}


/*-------------------------------------------*/
/* Account History      - Column Definitions */
/*-------------------------------------------*/

#AccHistHead
{
	position:absolute;
	top:196px;
	left:8px;
	width:765px;
	background:#F2F8FF;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:4px;
	height: 25px;
	visibility: visible;
	border:thin solid #336699;
	font : bold;
	background-color: #CDCDCD;
}

#AccHist
{
	position:absolute;
	top:230px;
	left:8px;
	width:765px;
	background:#f1f2f1;
	padding-bottom:5px;
	overflow:auto;
	height: 172px;
	visibility: visible;
	border:thin solid #336699;
}

.AccHistCustIDCol
{
 width: 90px;
 float: left;

}
.AccHistDateCol
{
 width:90px;
 float:left;	
}

.AccHistDocNoCol
{
 width:100px;
 float:left;	
}

.AccHistDescCol
{
 width:180px;
 float:left;
 word-wrap:break-word ;	
}

.AccHistStatusCol
{
  float:left;
  width:50px;
}	

.AccHistOrgAmtCol
{
 float:left;
 width:100px;
 text-align:right;	
 }

.AccHistAmtDueCol
{
 float:left;
 width:90px;
 text-align:right;	
}

.AccHistRunBalCol
{
  float:left;
  width:90px;
  text-align:right;	
  margin-right:8px;
}

.AccHistDetailCol
{
  float:left;
  width:20px;
  padding-left:1px;
}

/*===========================*/
/*	Account History Details Box*/
/*===========================*/

#AccountHistBox
{
	position:absolute;
	top:100px;
	left:490px;
	width:280px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:0px;
	overflow:auto;
	height: 90px;
	visibility: visible;
}

#AccountHistRow
{
	padding-right: 2px;
	padding-left: 2px;
	height:30px;
}


.AccountHistCol1
{
 font-weight:bold;
 width: 170px;
 float: left;
 text-align:left;
}

.AccountHistCol2
{
 width: 90px;
 float: left;
 padding-left:2px; 
}



/*-------------------------------------------*/
/* Payment Details      - Column Definitions */
/*-------------------------------------------*/

#PayDetHead
{
	position:absolute;
	top:140px;
	left:140px;
	width:632px;
	background:#F2F8FF;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:4px;
	height: 8px;
	visibility: visible;
	border:thin solid #336699;
	font : bold;
	background-color: #CDCDCD;
}

#PayDet
{
	position:absolute;
	top:160px;
	left:140px;
	width:632px;
	background:#f1f2f1;
	padding-bottom:5px;
	overflow:auto;
	height: 250px;
	visibility: visible;
	border:thin solid #336699;
}

.PayDetCustIDCol
{
 width: 120px;
 float: left;
}

.PayDetDocNoCol
{
 width:120px;
 float:left;	
}

.PayDetDescCol
{
 width:200px;
 float:left;
 word-wrap:break-word ;	
}

.PayDetAmtCol
{
 width:60px;
 float:left;
 text-align:right;
}

/*===========================*/
/*	Payment Details Total Box*/
/*===========================*/

#AmountPayableBox
{
	position:absolute;
	top:100px;
	left:435px;
	width:220px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:0px;
	overflow:auto;
	height: 40px;
	visibility: visible;
}

#AmountPayableRow
{
	padding-right: 2px;
	padding-left: 2px;
}


.AmountPayableCol1
{
 font-weight:bold;
 width: 125px;
 float: left;
 text-align:right;
}

.AmountPayableCol2
{
 width: 80px;
 float: left;
 padding-left:2px;
 text-align:right;	
}


/*========================================================*/
/*  Button Positions */
/*========================================================*/
/*BUTTONS*/
.btn
{
	/*applied to 'onclick' imgs and elements, this invokes
	the hand cursor for WinIE5 and normal browsers*/
	cursor:pointer;
	cursor:hand;
}

.reset
{
 position:absolute;
 left:580;
 top:65;
}

.emailChange
{
 position:absolute;
 left:650;
 top:65;
}


.emailInv
{
 position:absolute;
 left:487;
 top:60;
}

.invTax
{
 position:absolute;
 left:560;
 top:60;
}

.download
{
 position:absolute;
 left:680;
 top:60;
}
.selectAllCust
{
 position:absolute;
 left:610;
 top:60;
}

.statement
{
 position:absolute;
 left:680;
 top:150;
}


.clrAll
{
 position:absolute;
 left:680;
 top:120;
}

.selectAll
{
 position:absolute;
 left:680;
 top:90;
}

.remit
{
 position:absolute;
 left:550;
 top:60;
}

.onlinePay
{
 position:absolute;
 left:633;
 top:397;
}

.HistoryView
{
 position:absolute;
 left:585;
 top:60;
 }

/*========================================================*/
/*SPECIAL LAYOUT ITEMS*/

/*Rotating row colours for data area*/
.ColData0
{
	background: #F7F1BF;
	height: 26px;
	padding-left:2px;
	padding-top:4px;
	text-align:middle;
}
.ColData1
{
	background: #EAE4BF;
	height: 26px;
	padding-left:2px;
	padding-top:4px;
	text-align:middle;

}


.control
  {
   background:#00427a;
   margin-top:15px;
   margin-bottom:15px;
  }

.control_inner
  {
	background:#ffffff;
	padding:5px;
  }

#footerText
{
     font-family:Arial, Helvetica, sans-serif;
	 color:#FFFFFF;
	 font-size:10px;
	 padding-left:20px;
}

#footerText a
{
     color:#FFFFFF;
	 text-decoration:none;
}

#footerText a:hover
{
     color:#FFFFFF;
	 text-decoration:underline;
}

.update_image
{
	position:absolute;
	left:450;
	top:403;
}

th
{
	font-size: 13.5px;
	background:#eeefff;
	text-align: center;
}

.centered-text
{
	text-align: center;
	width: 100%;
}