.accountinfo-container {
    display: flex;
    flex-flow: row wrap;
}

.panelBody
{
	width: auto;
}

.panelAccountInfo
{
	width: 100%;
}

.panelBodyLeftSegment
{
	vertical-align: top;
	border-right: none;
	width: 33%;
}

.panelBodyRightSegment
{
	vertical-align: top;
	border-left: none;
	width: 66%;
}

.panelAccountInfoSubtitle
{
	color: #1D5B8E;
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding: 7px 0 0;
}

.panelAccountInfoBodyText
{
	color: #455560;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0px;
}


/*
 * Formatting for address
 */
.accountInfoAddress
{
	padding-left: 25px;
}

.accountInfoAddress li
{
	list-style-type: none;
}

#WTAddress
{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: left;
}

#WTAddress td
{
	text-align: left;
}

/*
 * Formatting for contact details.
 */
table.contactInfo 
{
	padding-left: 20px;
}

.contactInfo th 
{
	text-align: right;
	padding: 0 15px 0 0;
	font-weight: normal;
}

.contactInfo td 
{
	text-align: left;
}


/*
 * Formatting for the account activity tables (responsive pages)
 */

table.accountActivity_r
{
	padding: 0 50px 0 0;
	margin: 0;
}

.accountActivity_r th {
    text-align: right;
    padding: 0 0 0 15px;
    font-weight: normal;
}

.accountActivity_r td {
    text-align: right;
    padding: 0 0 0 15px;
}

.accountActivity_r td.total {
    border-top: 1px solid #8D8D8D;
    font-weight: bold;
}


/*
 * Formatting for aging tables
 */

.agingTable 
{
	padding-left: 20px;
}

.agingTable th 
{
	text-align: right;
	font-weight: normal;
	padding-right: 15px;
}

/* First th in a row in the aging table */
.agingTable th:first-child
{
	font-weight: bold;
}


.agingTable td 
{
	font-weight: normal;
	padding-right: 15px;
	text-align: right;
}


/* Search/Filter top bar */
.searchPanel
{
	padding: 5px 0 2px 0;
	font-weight: normal;
}

/*
.searchPanel select, .searchPanel input 
{
	font-size: 90%;
}
*/

.searchPanel *
{
	vertical-align: middle;
}

.applyFilterButton
{
	margin-top: -2px;
}


/* Calendar Popup Styling */

.cpYearNavigation,
	.cpMonthNavigation
			{
			background-color:#336699;
			text-align:center;
			vertical-align:center;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			}
	.cpDayColumnHeader,
	.cpYearNavigation,
	.cpMonthNavigation,
	.cpCurrentMonthDate,
	.cpCurrentMonthDateDisabled,
	.cpOtherMonthDate,
	.cpOtherMonthDateDisabled,
	.cpCurrentDate,
	.cpCurrentDateDisabled,
	.cpTodayText,
	.cpTodayTextDisabled,
	.cpText
			{
			font-family: Arial, Helvetica, Verdana, Sans-Serif;
			font-size:8pt;
			}
	TD.cpDayColumnHeader
			{
			text-align:right;
			}
	.cpCurrentMonthDate,
	.cpOtherMonthDate,
	.cpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.cpCurrentMonthDateDisabled,
	.cpOtherMonthDateDisabled,
	.cpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.cpCurrentMonthDate
			{
			color:#336699;
			font-weight:bold;
			}
	.cpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}
	.cpOtherMonthDate
			{
			color:#808080;
			}
	TD.cpCurrentDate
			{
			color:#FFFFFF;
			background-color: #336699;
			border-width:1;
			border:solid thin #000000;
			}
	TD.cpCurrentDateDisabled
			{
			border-width:1;
			border:solid thin #FFAAAA;
			}
	TD.cpTodayText,
	TD.cpTodayTextDisabled
			{
			}
	A.cpTodayText,
	SPAN.cpTodayTextDisabled
			{
			height:20px;
			}
	A.cpTodayText
			{
			color:#336699;
			font-weight:bold;
			}
	SPAN.cpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.cpBorder
			{
			border:solid thin #336699;
			}
			
			
			

.documentRequest button, .documentRequest p, .documentRequest input
{
	font-size: 90%;
	font-weight: bold;
}

.documentRequest button 
{
	margin: 0;
	background-color: #f0f0f0;
	border: 2px solid #8d8d8d;
	padding: 1px;
	cursor: pointer;
}

.documentRequest button:hover 
{
	background-color: #eee;
	border: 2px solid #black;
}

.documentRequest p 
{
	padding: 5px 0;
}


p.info 
{
	margin: 10px 0 20px 10px;
	padding: 0 0 0 40px;
	background: url(../images/info.gif) no-repeat left;
	font-style: italic;
}

