#CustomerPortal .ContentPanel
{   
    border: solid 1px silver;
    border-top: none;
    padding: 5px;
}
/********************************************************/
#CheckPaymentForm .LeftColumn {
    vertical-align: middle;
    width: 100px;
}

#CheckPaymentForm .LeftColumn span {
    vertical-align: middle;
    width: 100px;
}


#CustomerInformation .TabHeader 
{
    font-size: 1.2em;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    background-color: #63769B; 
}
#CustomerInformation .TabHeader span 
{
	font-weight: bold;
    color: White; 
    text-transform:none;
    /* font-size: 10pt; */
}

#CustomerInformation .TabHeader .Title
{
    float:left;
    font-weight:bold; 
    color:White; 
    vertical-align: middle;
    margin-left: 5px;
}
#CustomerInformation .TabHeader .Image
{
    float:left;
    font-weight:bold; 
    vertical-align: middle;
    color:White;
}

#CustomerInformation .CloseLink
{
    /* padding-top: 4px; */
    font-size: .9em;
    padding-right: 8px;
    float: right;
    vertical-align: middle;
}
#CustomerInformation .ModalDialog .Content
{
    width: 600px;
    height: 205px;
    overflow: scroll;
    padding: 5px;
}

#CustomerInformation .ModalDialog
{
    width: 600px;
    height: 250px;
    font-size: 10pt;
}

#CustomerInformation
{
    font-size: 10pt;
}

#CustomerInformation .LeftColumn {
    vertical-align: middle;
    width: 100px;
}

#CustomerInformation .LeftColumn span {
    vertical-align: middle;
    width: 100px;
}

#CustomerPortal
{
    padding: 5px;
}


#CustomerPortal .longText{
	width: 150px;
}

#CustomerPortal .shortText{
	width: 75px;
}

#CustomerInformation .CtlBusinessName
{
    width: 200px;
}
#CustomerInformation .fNameTextBox
{
    width: 60px;
}
#CustomerInformation .midNameTextBox
{
    width: 20px;
    
}

#CustomerInformation .lNameTextBox
{
    width: 80px;        
}

#CustomerInformation .idTextBox
{
}

#CustomerInformation .CtlFirstNameLabelTall
{
    text-align: right;
}

#CustomerInformation .SectionHeader
{
    vertical-align: middle;
    padding: 5px;
    background-color: #5D7B9D;
    color: White;
    font-weight: bold;
}
#CustomerInformation legend
{
    font-weight: bold;
}
/**************************************************************/
.PaymentSummaryTable tr.Header th
{
    font-weight: bold;
    vertical-align: bottom;
}
.PaymentSummaryTable td,
.PaymentSummaryTable th
{
    padding: 2px;
}
.PaymentSummaryTable tr.Header
{
    background-color: #5A7EBF;
    color: White;
}
.PaymentSummaryTable .ItemRow
{
}
.PaymentSummaryTable .AltItemRow
{
    background-color: #DFE4E8;
}
.PaymentSummarySection .PaymentSummaryTable
{
    width: 97%;
}

.PaymentSummaryTable .ContractNumber,
.PaymentSummaryTable .DueDate,
.PaymentSummaryTable .InvoiceNumber,
.PaymentSummaryTable .ReferenceNumber
{
    text-align: center;
    vertical-align: top;
}
.PaymentSummaryTable .CheckAmount,
.PaymentSummaryTable .PaymentAmount,
.PaymentSummaryTable .BalanceAmount
{
    text-align: right;
    vertical-align: top;
}
/**************************************************************/
#AccountAlerts td
{
    vertical-align: top;
    padding: 5px;
}
/* this is the checkbox text */
#AccountAlerts td label 
{
    white-space: nowrap;
}
#AccountAlerts th
{
    padding: 5px;
    text-align: left;
    font-size: 1.3em;
    vertical-align: bottom;
    border-bottom: solid 1px silver;
}
/******************************************************************/
#ContactInformation
{
     font-size: 1.3em;
}
#ContactInformation fieldset
{
}

/******************************************************************/
#GeneralInquiryForm .label
{
    vertical-align: top;
}

#GeneralInquiryForm .instructions
{
    border-top: solid 1px silver;
    border-bottom: solid 1px silver;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/************************************/

#PortalMenu .Link a
{
    font-size: 1.3em;
    font-weight: bold;
}
.MenuBar input
{
    height: 40px;
    width: 40px;   
}

.MenuBar .Description
{
    white-space: normal;
}

#PortalMenu .TabHeader 
{
    font-size: 1.2em;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    background-color: #63769B; 
}
#PortalMenu .TabHeader span 
{
	font-weight: bold;
    color: White; 
    text-transform:none;
    /* font-size: 10pt; */
}

#PortalMenu .TabHeader .Title
{
    float:left;
    font-weight:bold; 
    color:White; 
    vertical-align: middle;
    margin-left: 5px;
}
#PortalMenu .TabHeader .Image
{
    float:left;
    font-weight:bold; 
    vertical-align: middle;
    color:White;
}

#PortalMenu .CloseLink
{
    padding-top: 4px;
    padding-right: 8px;
    float: right;
    vertical-align: middle;
}
#PortalMenu .ModalDialog .Content
{
    width: 590px;
    height: 485px;
    overflow: scroll;
    padding: 5px;
}

#PortalMenu .ModalDialog
{
    width: 605px;
    height: 520px;
    font-size: 10pt;
}

#PortalMenu .SectionHeader,
#CtlPaymentSummary .SectionHeader,
#CtlInvoiceListSummary .SectionHeader,
#ContactInformation .SectionHeader,
#AccountOverview .SectionHeader,
#CustomerInformation .SectionHeader,
#AccountServicesList .SectionHeader
{
    vertical-align: middle;
    padding: 5px;
    background-color: #5D7B9D;
    color: White;
    font-weight: bold;
}

/*******************************************************/
#AccountOverview thead th
{
    border-bottom: solid 1px black;
}
#AccountOverview thead,
#AccountOverview .AmountRow
{
    text-align: right;
}
#AccountOverview .DateRow
{
    font-style: italic;
}
#AccountOverview .DateRow,
#AccountOverview .ButtonRow
{
    text-align: center;
}
#AccountOverview .AccountOverviewGrid
{
    width: 100%;
}
#AccountOverview .ButtonRow
{
    vertical-align: top;
}



#AccountOverview .TabHeader 
{
    font-size: 1.2em;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    background-color: #63769B; 
}
#AccountOverview .TabHeader span 
{
	font-weight: bold;
    color: White; 
    text-transform:none;
    /* font-size: 10pt; */
}

#AccountOverview .TabHeader .Title
{
    float:left;
    font-weight:bold; 
    color:White; 
    vertical-align: middle;
    margin-left: 5px;
}
#AccountOverview .TabHeader .Image
{
    float:left;
    font-weight:bold; 
    vertical-align: middle;
    color:White;
}

#AccountOverview .CloseLink
{
    /* padding-top: 4px; */
    padding-right: 8px;
    float: right;
    vertical-align: middle;
    font-size: .9em;
}
#AccountOverview .ModalDialog .Content
{
    width: 590px;
    height: 355px;
    overflow: scroll;
    padding: 5px;
}

#AccountOverview .ModalDialog
{
    width: 600px;
    height: 400px;
    font-size: 10pt;
}

#PayWithCheckSection .ModalDialog .Content
{
    width: 570px;
    height: 455px;
    overflow: scroll;
    padding: 5px;
}

#PayWithCheckSection .ModalDialog
{
    width: 580px;
    height: 480px;
    font-size: 10pt;
}

#PayWithCreditCardSection .ModalDialog .Content
{
    width: 590px;
    height: 500px;
    overflow: scroll;
    padding: 5px;
}

#PayWithCreditCardSection .ModalDialog
{
    width: 600px;
    height: 545px;
    font-size: 10pt;
}

#ContactInformation legend
{
    font-weight: bold;
    color: #5D7B9D; /* Dark Blue: #5D7B9D */
}
#PayWithCreditCardSection legend,
#PayWithCheckSection legend
{
    font-weight: bold;
    color: #0066CC; /* Link Blue: #0066CC */
}
/****************************************************/


#AccountServicesList .TabHeader 
{
    font-size: 1.2em;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    background-color: #63769B; 
}
#AccountServicesList .TabHeader span 
{
	font-weight: bold;
    color: White; 
    text-transform:none;
    /* font-size: 10pt; */
}

#AccountServicesList .TabHeader .Title
{
    float:left;
    font-weight:bold; 
    color:White; 
    vertical-align: middle;
    margin-left: 5px;
}
#AccountServicesList .TabHeader .Image
{
    float:left;
    font-weight:bold; 
    vertical-align: middle;
    color:White;
}

#AccountServicesList .CloseLink
{
    /* padding-top: 4px; */
    font-size: .9em;
    padding-right: 8px;
    float: right;
    vertical-align: middle;
}
#AccountServicesList .ModalDialog .Content
{
    width: 600px;
    height: 205px;
    overflow: scroll;
    padding: 5px;
}

#AccountServicesList .ModalDialog
{
    width: 600px;
    height: 250px;
    font-size: 10pt;
}

/************************************************************************/
.NoteTable .NoteColor 
{
    background-color: #FFF9D8;
}
.NoteTable .TopLeft
{
    background-color: Transparent;
	background-image: url(../Images/CustomerPortal/note_topleft.png);
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	background-position: left top;
}
.NoteTable .Top
{
	background-image: url(../Images/CustomerPortal/note_top.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.NoteTable .TopRight
{
    background-color: Transparent;
	background-image: url(../Images/CustomerPortal/note_topright.png);
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	background-position: right top;
}

.NoteTable .BottomLeft
{
    background-color: Transparent;
	background-image: url(../Images/CustomerPortal/note_bottomleft.png);
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	background-position: left bottom;
}
.NoteTable .Bottom
{
	background-image: url(../Images/CustomerPortal/note_bottom.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.NoteTable .BottomRight
{
    background-color: Transparent;
	background-image: url(../Images/CustomerPortal/note_bottomright.png);
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	background-position: right bottom;
}

.NoteTable .Left
{
	background-image: url(../Images/CustomerPortal/note_left.png);
	background-repeat: repeat-y;
	background-position: left top;
}
.NoteTable .Right
{
	background-image: url(../Images/CustomerPortal/note_right.png);
	background-repeat: repeat-y;
	background-position: right top;
}