@charset "utf-8";

.payout div.info {
    background: #f5f4f1;
    font-size: 1.1em;
    background: #f2f2f0;
    margin: 0px 0px;
    padding: 15px 30px 15px 30px;
}
.payout table.mainTable th,
.payout td {
    font-size:1.1em;
    padding: 5px;
    color: #6e6d6b;
    white-space: nowrap;
}

.payout table.mainTable tr.even {
    background:#f2f2f0;
}

.payout table.mainTable th {
    background:#e8e7e3;
    color: #74706c;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight:bold;
    text-align:left;
}

.payout table.mainTable th.date {
    white-space: nowrap;
    text-align: right;
}

.payout table.mainTable th.amount {
    white-space: nowrap;
    text-align: right;
}

.payout table.mainTable th.number {
    white-space: nowrap;
    text-align: right;
}

.payout #buttons {
    border-top: 2px solid #e8e7e3;
    margin-top: 25px;
    padding-top: 10px;
}
.payout #cancel {
    float: left;
}
.payout select#whichSchedules {
    width: 163px;
    margin: 0 10px 0px 10px;
}
.payout input.dateField {
    width: 85px;
    margin: 0 10px 0 10px;
}
.payout img.calendar {
    margin-bottom: -5px;
}
.payout span.line2 {
    display: block;
    clear: left;
    margin: 10px 0 0 150px;
    width: 650px;
}
.payout th.balanceAsOf span {
    float: right;
    clear:none;
    display: block;
    width: 20px;
    height: 1px;
}
.payout input#viewPayoutSchedules {
    margin: 0 0 -4px 20px;
}
.payout button#viewPayoutSchedules {
    margin: -3px 0 0 10px;
}
.payout table.mainTable {
    margin-top: 10px;
    overflow: hidden;
}
.payout tr.hover {
    cursor: hand;
    cursor: pointer;
}
.payout tr.secondaryTotals:hover {
    background: #fff;
}

.payout div.viewAs {
    float:left;
    height:auto;
    margin:0 0 -16px 0;
    padding:4px 0pt 4px;
    width:100%;
    text-align: right;
}
.payout div.pleaseNote {
    clear: left;
    margin-top: 20px;
}
/*  TABLE STYLINGS  */
.payout div.tableViewer {
    display: block;
    clear: left;
    margin: 0 0 0px 0;
    padding: 0px;
    width: 890px;
    height: auto;
    overflow: auto;
    overflow-y: hidden;
    *-width:910px;
}
.payout table.mainTable {
    clear: left;
    margin: 0 0 20px 0;
}
.payout table.mainTable th {
    white-space: nowrap;
    vertical-align: bottom;
}
.payout td.balanceRemaining,
.payout th.balanceRemaining {
    text-align: right;
}
/* color Code Box Styling */
.payout table.mainTable td {
text-align: left;
}

.payout td.colorCode {
   /* width:30px; */
}

.payout td.colorCode span {
    display: block;
    height:12px;
    width: 12px;
    margin-top: 4px;
}

.payout tr.codeYellow td.colorCode span {
    background-color: #ffe000;
}
.payout tr.even {
    background:#f2f2f0;
}
.payout tr.codeRed td.colorCode span {
    background-color: #971014;
}
.payout tr.codeBlue td.colorCode span{
    background-color: #39458a;
}

.payout tr td.payDate {
    text-align: right;
}
.payout tr td.effectiveDate {
    text-align: right;
}
.payout tr td.startDate {
    text-align: right;
}
.payout tr td.nextPayDate {
    text-align: right;
}
.payout tr td.finalPayDate {
    text-align: right;
}

.payout tr td.nextPayment {
    text-align: right;
}
.payout tr td.nextPaymentNumber {
    padding-left: 0px;
    text-align: right;
}
.payout tr td.nextPaymentCurrency {
    padding-left:30px;
    text-align: right;
}

.payout tr td.currentBalance {
    text-align: right;
}
.payout tr td.currentBalanceCurrency {
    padding-left:30px;
    text-align: right;
}
.payout tr td.currentBalanceNumber {
    padding-left: 0px;
    text-align: right;
}

.payout tr td.currentVestedBalance {
    text-align: right;
}
.payout tr td.currentVestedBalanceCurrency {
    padding-left:30px;
    text-align: right;
}
.payout tr td.currentVestedBalanceNumber {
    padding-left: 0px;
    text-align: right;
}

.payout tr td.paymentAmountCurrency {
    text-align: right;
    padding-right: 0px;
    padding-left: 60px;
}

.payout tr td.paymentAmountNumber {
    text-align: right;
}

.payout tr td.balanceRemainingCurrency {
    text-align: right;
    padding-right: 0px;
    padding-left: 10px;
}

.payout tr td.balanceRemainingNumber {
    text-align: right;

}

.payout tr td.recievedInProgress,
.payout tr td.remaining,
.payout tr td.frequency,
.payout tr td.scheduled {
    text-align: right;
    padding-right: 30px;
}

.payout tr td.frequency {
	text-align: left;
}

.payout #summaryTable {
	table-layout: fixed;
    float: left;
    margin-left: 0;
    margin-right: 0;
    width:343px;
}

.payout #summaryDetailsTable {
    clear: none;
    width: 546px;
    margin-left: 0;
    margin-right: 0;
    border-left: 1px solid #E8E7E3;
}


#customNames p {
    padding-bottom: 10px;
}

#customNames table {
   width: 100%;
   border: none;
   margin-top: 40px;
}

#customNames table th, #popup table td {
   padding: 5px 15px;
   white-space: nowrap;
   text-align: left;    
   color: 6e6d6b; 
   border: none;  
}

#customNames table th {
   background-color: #e8e7e3;
   color: #74706c;
   font-size: 1.2em;
   font-weight: bold;
}

#customNames table td {
   background-color: #f5f4f1;
}

#customNames input {
   width: 345px;
}

div#customNamesContainerIntro.info p {
    padding-bottom: 10px;
}

div#customNamesContainer.info, div#customNamesContainerIntro.info {
	padding: 15px 15px;
}

div#customNamesContainer.info {
	display: none;
}

#showCustomNames {
	font-size: 10px;
}

a#customNameCalloutButton {
	background-image:url("/static/participant/media/images/payoutCustomNameCallout.gif");
	background-position: top;
	display: block;
    width: 97px;
    height: 30px;
    border: none;
    float: right;
    margin-left: 5px;
}

a#customNameCalloutButton:hover, a#customNameCalloutButton:active {
    background-position: bottom;
}

a.rightLink {
    background: url(/static/participant/media/images/btn_hide.gif) top right no-repeat;
    padding: 3px 23px 0px 0px;
    float: right;
    font-weight:normal;
    font-size: 0.7em;
}

a.rightLinkExpand{
    background: url(/static/participant/media/images/btn_show.gif) top right no-repeat;
    padding: 3px 23px 0px 0px;
    float: right;
    font-weight:normal;
    font-size: 0.7em;
}