.pageDiv
{
	text-align: center;
	font-size:9.5pt;
	text-align:left;
	padding:5px 0px 0px 5px;
	
}
.pageDiv table
{
	width: 100%;
	/*height:100%;*/
}
.pageDiv table td:nth-child(1)
{
	width:30%;
}
.pageDiv table td:nth-child(2)
{
	width:40%;
}
.pageDiv table td:nth-child(3)
{
	width:30%;
}

.masterPageDiv
{
	/*opacity: 0.5; 
    filter: alpha(opacity=50); 
    -moz-opacity: 0.50;*/
	width:		1200px;
	min-width:	1200px;
	max-width:	1200px;
	
	margin:0 auto;
}

.mainpageHeader1
{
	background-image: url(../Images/ThePayOfficeLogo2.png);
    background-repeat:no-repeat;
	background-position:right top;
	/*background-color: #5AC;*/
	background-color: #222f4b;
	/* height:85px;*/
	height:75px;
	color:White;
	text-align:left;
	font-size:10pt;
}
.headerClientImageHome
{
    float:left;
    margin: 3px;
    width:0px;
    height:0px;
    display:none;
}
.mainPageTable {
	/* TPO SKINNING */
	background-color: #fff;
	text-align: center;
	width: 100%;
}
.mainPageTable td {
	vertical-align: top;
}
.mainpageHeader2
{
	text-align:left;
	color:white;
	background-color: #555;			/* customisable */
	border-top: none;
	/* TPO SKINNING */
	/*border-top:solid 1px #FFCC66;*/		/* customisable */
	/*margin:3px 5px 0px 0px;*/
	font-size:11.5pt;
	width:100%;
	height:100%;
	height:23px;
}
.mainpageHeader2 table
{
	width:100%;
}
.mainpageHeader2 table td
{
	padding:0px 5px 0px 5px;
}
.divWelcomeLoginText
{
	margin:15px 15px 20px 15px;
	font-size: 10.5pt;
	text-align:center;
}
/* div tabls */
.divTable
{
	height:100%;
	float: left;
	display: table;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}
.divTableRow {
	display: table-row;
}
.divTableCell {
	display: table-cell;
}
	

/* Login box */
.loginDiv
{
	/*border: 1px solid #CCCCCC;*/
	background-color: #ffffff;			/* customisable */
	margin-top:20px !important;
	/*border-radius: 6px;*/
}
.loginDivHdr
{
	text-align:center;
	font-size: 15pt;
	font-weight:normal !important;
	background-color: #666;			/* customisable */
	color: white;
	padding: 8px 2px 8px 2px;
	border-radius: 10px 10px 0 0;
}
.loginDivBody
{
	border: 1px solid #CCCCCC;
	text-align:justify;
	font-size: 10pt;
	padding:10px;
	border-radius: 0px 0px 10px 10px;
}
.loginDivBody div
{
	margin:auto;width:250px;
}
.divTableLogin
{
	width:		1200px;
	min-width:	1200px;
	max-width:	1200px;
}

/* forgotten password */
.aLoginForgPwd
{
}
.divForgPwd
{
	font-size: 9pt;
	text-align:center;
	width:300px;
	margin:auto;
}
.divRequestPage
{
	text-align:left;
	padding: 5px;
	vertical-align: top;
}
.helpDiv
{
	margin-top:30px;
	margin-left:30px;
	font-size:9.5pt;
	text-align:left;
	padding:10px;
}
.spanPayOffice
{
	font-family:'Courier New';
	font-weight:bold;
}
.spanPayOfficeO
{
	/*color:seagreen;*/
	/*color:#2E8B57;*/
	color:#548235;
}
div.ui-datepicker
{
	font-size:11px;
}
.headerStyle
{
    background-color: #222f4b;
    color:White;
    padding:10px;
}
.col1Style
{
    width:220px;
    text-align:right;
    padding:10px;
    background-color:#e0e0e0;
}
.col2Style
{
    width:400px;
    text-align:left;
    padding:10px;
    background-color:#f0f0f0;
}