/* AccountMaintenance.css
 *
 * Contains only CSS definitions for a particular page
 *  Ex: .MyStyle or #MyElementId
 *  NOT: Body, Fieldset, Table, etc.
 *
 * Notes:
 *     - Please use pt for font-sizes instead of px.
 *       For more info, go to http://www.bigbaer.com/css_tutorials/css_font_size.htm
 *
 *
 */

/* Grays out the main page to make the 'please wait' standout */
div#AccountMaintenance .ModalDialogShadedBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
	z-index: 1000;
}
/* makes sure the 'please wait' appears above the grayed out div */
div#AccountMaintenance .NoteTable
{
    z-index: 1000000;
}

#CtlAccountsGridContainer
{
	height: 100px; 
	overflow-x: hidden; 
	overflow-y: scroll; 
	background-color: White; 
	margin-bottom: 5px;
}

/* Entity maintenance */
div#AccountMaintenance .LeftColumn {
    text-align: left;
    vertical-align: top;
    width: auto;
    white-space: nowrap;
} 

div#AccountMaintenance .LeftColumn span {
    text-align: right;
    vertical-align: middle;
    width: 100px;
    line-height: 22px;
}
div#AccountMaintenance .LeftColumn1 {
    text-align: left;
    vertical-align: top;
    width: auto;
    white-space: nowrap;
} 

div#AccountMaintenance .LeftColumn1 span {
    text-align: left;
    float:left;
    vertical-align: middle;
    width: 120px;
    line-height: 22px;
}

div#AccountMaintenance .TaxColumn {
    text-align: left;
    vertical-align: top;
    width: auto;
    white-space: nowrap;
} 

div#AccountMaintenance .TaxColumn span {
    text-align: left;
    float:left;
    vertical-align: middle;
    width: 75px;
    line-height: 22px;
}
/*
div#AccountHeader table {
    width: 97%;
}
*/
div#AccountHeader .longText{
	width: 150px;
}
div#AccountMaintenance .longTextMultiLine
{
	width: 150px;
	height: 44px;
}

div#AccountHeader .shortText{
	width: 75px;
}

div#AccountHeader .CtlBusinessName
{
    width: 200px;
}
.fNameTextBox
{
    width: 60px;
}
div#AccountHeader .midNameTextBox
{
    width: 30px;
    
}

div#AccountHeader .lNameTextBox
{
    width: 80px;        
}

div#AccountHeader .idTextBox
{
}

div#AccountHeader .CtlFirstNameLabelTall
{
    text-align: right;
}

div#AccountHeader .checkBox {
    text-align: center; 
} 
div#AccountHeader .CenterCol {
    text-align: center;
}

/*
#EntitySection .LeftCol span {
    text-align: right;
    vertical-align: middle;
    width: 150px;
    line-height: 20px;
}

#EntitySection .LeftCol {
    text-align: right;
    vertical-align: top;
    width: 150px;
} 
*/

/* prevent labels from wrapping */
div#AccountMaintenance span 
{
    white-space: nowrap;
}

.AccountsLocation .LocaCol1 
{
    text-align: left;
    width: 75px;
}

.AccountsLocation .LocaCol2 
{
	padding-left: 5px;
	padding-right: 5px;
    text-align: left;
    width: 50px;
}

.AccountsLocation .LocaCol3 
{
}

/* Accordion *//*
.accordionHeader
{
    background-color: #D3DEEF; 
    background-color:#DFE4E8; 
    
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    
    font-variant: small-caps;
    color: #2A6BA3;
    font-weight: bold;
}

.accordionContent
{
    border: 1px solid #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
*/
.accordionHeader
{
    border: 1px solid #507CD1;
    color: white;
    background-color: #507CD1;
	font-weight: bold;
    padding: 1px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionContent
{
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

div#AccountHeader .HeaderPanel
{
	cursor: pointer; vertical-align: middle;
}
div#AccountHeader .HeaderPanelWrapper
{
	cursor: pointer; vertical-align: middle;
	width: 100%; padding: 4px; margin-top: 1px;
    background-color:#DFE4E8;
	
}
div#AccountHeader .ContentPanel
{
	padding-left: 5px;
}

div#AccountHeader .StatusHistoryPane
{
	background-color: White; 
	position:absolute; 
	visibility:hidden; 
	text-align: left; 
	border: solid 2px #CCCCCC;
}