/* ConfigurableApplication.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
 *
 *
 */
 .Title
{
    font-size:large;
    font-family:Arial;
}
.EditTitle
{
    border: solid 0px white;
    font-size:large;
    font-family:Arial;
    text-align:center;
}
.EditTitleFocus 
{
    /* Used By all Browsers */
    /* Used By Mozilla Browsers without JavaScript */
    /* Used By IE Browsers with JavaScript */
    border:solid 1px Red;
}
.FieldsEditor
{
   /* font-size:small;             */
}

div#BusinessWithIndividuals .ContentPanel
{
    border-left: 1px dotted #2F4F4F;
    border-right: 1px dotted #2F4F4F;
    border-bottom: 1px dotted #2F4F4F;
}
div#BusinessWithIndividuals .ContentPanel .Padding
{
	padding: 5px;
}

div#BusinessWithIndividuals .HeaderPanel
{
	cursor: pointer; vertical-align: middle;
}

div#BusinessWithIndividuals .HeaderPanelWrapper
{
	cursor: pointer; vertical-align: middle;
	padding: 4px; margin-top: 1px;
    background-color:#DFE4E8;
}	

.EditBox
{
	border-style:solid;
	border-width:1px;
	border-color:#F7F6F3;
	overflow:auto;
	background-color:#F7F6F3;
}
.EditArea
{
    display:none;
    width:90%;
    border-style:solid;
    border-width:1px;
    border-color:red;
    background-color:#F7F6F3;
}

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

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

div#BusinessWithIndividuals .LeftColumn1 span {
    text-align: left;
    float:left;
    vertical-align: middle;
    width: 175px;
    line-height: 22px;
}
/*
div#AccountHeader table {
    width: 97%;
}
*/
div#BusinessWithIndividuals .longText{
	width: 200px;
}

div#BusinessWithIndividuals .shortText{
	width: 100px;
}

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

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

div#BusinessWithIndividuals .idTextBox
{
}

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

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

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

div#BusinessWithIndividuals .LocaCol1 
{
    text-align: left;
    width: 160px;
}

div#BusinessWithIndividuals .LocaCol2 
{
    text-align: left;
    width: 75px;
}

div#BusinessWithIndividuals .LocaCol3 
{
}

#ConfigurableApplication .GridHeader
{
    text-align:left;
    vertical-align:top;
}
#ConfigurableApplication .Grid{
    margin:5px;
    border-style:solid;
    border-width:1px;
    border-color:Black;    
}

#ConfigurableApplication .RightAlign
{
    text-align:right;
}
            
#ConfigurableApplication .ContentPanel
{
    border-left: 1px dotted #2F4F4F;
    border-right: 1px dotted #2F4F4F;
    border-bottom: 1px dotted #2F4F4F;    
}
.ColumnLabelRequired
{
	font-weight:bold;
}

.LeftColumn {
    text-align: left;
    vertical-align: top;
    width: 150px;
    white-space: nowrap;
}

/**************************************************************************
 * /MasterPages/ModalGrid.master styles
 *
 **************************************************************************/
#ModalGrid th
,#ModalSearchGrid th 
{
    background-color: #E0E3E8; 
    color: black; 
    position: relative; 
    top: expression(this.scrollTop);
    z-index: 10; 
}
#ModalGrid .header
,#ModalSearchGrid .header
{
    background-color:#E0E3E8;
    padding:3px;
    width:100%;
    border-style:solid;
    border-width:1px;
    border-color:#CCCCCC;
}

#ModalGrid .tableContainer
,#ModalSearchGrid .tableContainer
{
    overflow-y: auto; 
    height: 100px;
}

#ModalGrid .RoundCorners
,#ModalSearchGrid .RoundCorners
{
    width: 96%;
    
}

#ModalGrid .LongShaded
,#ModalSearchGrid .LongShaded
{
    padding-top: 10px;
    background-repeat: repeat-x;
}

#ModalGrid .smallHeader
 ,#ModalSearchGrid .smallHeader
{
    color: black;
    font-size: .80em;
}

#ModalGrid .smallHeader a
 ,#ModalSearchGrid .smallHeader a
{
    color: black;
}
/* Class: .ImageButtonPlain, .ImageButtonPlainHov
 * Descr: Styles used for LtiImageButton Control
 * Example: App_Themes/CreditManager.skin
 */
.JayImageButtonPlain,
.ImageButtonPlainHov{
    padding:1px 3px 1px 3px;
	vertical-align: middle;
    cursor: default;
        
}
.ImageButtonPlainHov{
	text-decoration: underline;
	vertical-align: middle;
    cursor: hand;
}

.LoadingText
{
	text-align:center;
	font-size: 12pt;	
}


/* App Entry Prototype */
/* Dynamic Columns - Shared Styles */

input.DateField
{
    width: 75px;
}

input.PercentField
{
    width: 50px;
}

.TextArea TextArea
{
    height:75px;
    width:325px;
}

.LabelLeft .TextArea td
{
    vertical-align:top;  
}

.LabelLeft .FieldLabel
{
    float: left;
    width: 150px;
}
.LabelLeft .DynamicControlContainer
{
    text-align: left;
    vertical-align: middle;
}

.LabelTop .DynamicControlContainer
{
    height: 40px;
}

.RowLayout 
{
    /* border: solid 1px orange; */
    clear: both;
    overflow: visible;
    margin-bottom: 10px;
}

.RowLayout .DynamicControlContainer
{
    overflow: visible;
    margin: 2px;
    float: left;
    padding-right: 2px;
}

.Column1, .Column2, .Column3, .Column4, .Column5
{
    overflow: visible;
}

.ColumnLayout 
{
    float: left;
    margin-left:3px; 
}

.ColumnLayout .DynamicControlContainer
{
    padding:3px;
}

.ColumnLayout .DateField
{
    margin-right:3px;
}



/* The Sections_X define the widths for the sections when they are in column format.
   THE FOLLOWING CODE MUST APPEAR BELOW THESE IN ORDER FOR ROW LAYOUT TO APPEAR CORRECTLY
    .RowLayout 
    {
        width: 100%; 
    }
*/
.Sections_1
{
    width: 100%;
}

.Sections_2
{
    max-width: 49%;
}

.Sections_3
{
    width: 33%;
}

.Sections_4
{
    width: 24%;
}

.Sections_5
{
    width: 19%;
    /* border: solid 1px blue; */
}

/* .RowLayout resets the widths of the sections so they
   take up 100% of their available space.
   Note: This must appear below the classes .Sections_X
*/
.RowLayout 
{
    width: 100%; 
}

label.RequiredLabel, span.RequiredLabel
{
    font-weight: bold;
}

table.Disabled
{
    color: Silver;
}

/* Allow for dynamic zones */
.WebPartZoneContainer 
{
}

.WebPartZone
{
    width: 100%;
}

.WebPartZone_HeaderColumn,
.WebPartZone_FooterColumn
{
    clear: both;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}

.WebPartZone1_CenterColumn 
{
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}

.WebPartZone2_LeftColumn,
.WebPartZone2_RightColumn
{
    float: left;
    width: 49%;
    margin-left: 1%;
}

.WebPartZone2_RightColumn
{
    /* Keeps the two columns centered */
    margin-left: 0%;
}

.WebPartZone3_LeftColumn,
.WebPartZone3_CenterColumn,
.WebPartZone3_RightColumn
{
    float: left;
    width: 32%;
    margin-left: 1%;
}

/* Specific Control Overrides */
.Address1Line1Row input,
.Address2Line1Row input,
.UDFWebsiteRow input,
.NatureOfBusinessRow input,
.NameRow input,
.Line1Row input,
.Line2Row input,
.Line3Row input
{
    width: 260px;
}

.LocationsDynamic .LabelTop .DynamicControlContainer
{
    height: auto;
}

.ContractEntryLocations .LabelTop .DynamicControlContainer
{
    height: auto;
}

.ContractEntryLocations .NameRow input
{
    width: 250px;
}
.ContractEntryLocations .Line1Row input,
.ContractEntryLocations .Line2Row input,
.ContractEntryLocations .Line3Row input
{
    width: 295px;
}

.ContractEntryLocations .RowLayout
{
    margin-bottom: auto;
}
.ContractEntryLocations .CodeRow input
{
    width: 35px;
}
.ContractEntryLocations .SaveButtonRow,
.ContractEntryLocations .CancelButtonRow
{
    margin-left: 60px;
    /*margin-right: 30px;*/
    padding-top: 10px;
    padding-bottom: 10px;
}

/************************************************************
 * Contract Status Summary Style Fixes
 ************************************************************/
.ContractStatusSummary .RowLayout table 
{
	margin-right: 10px;
}
.ContractStatusSummary .RowLayout .LabelControl {
    white-space: nowrap;
    width: auto;
}
.ContractStatusSummary .RowLayout .FieldLabel
{
    white-space: nowrap;
	width: auto;
}

.ContractStatusSummary .ColumnLayout table 
{
	width: 100%;
}
.ContractStatusSummary .ColumnLayout .LabelControl
{
	float:none;
    text-align: right;
    width: auto;
}
.ContractStatusSummary .ColumnLayout .FieldLabel
{
	float:none;
    white-space: nowrap;
	width: auto;
	text-align: left;
}
/************************************************************
 * End Contract Status Summary Style Fixes
 ************************************************************/
 
#ContractEntryTabs
{
    margin-top: 10px;
 
}

/* Menu control that looks like a tab strip */
.GrayTabs .tab,
.GrayTabs .tabItem
{
 font-family:Verdana,Arial,Helvetica;
 font-size: 11pt;
 font-weight:normal; 
 text-decoration: none;
}
.GrayTabs .tab
{
 padding: 0px  1px 0px 0px;
 text-align: center;
}
.GrayTabs .tab a:link,
.GrayTabs .tab a:visited, 
.GrayTabs .tab a:hover
{
 text-decoration: none;
 color:#333333;
}
.GrayTabs .tabPage   /* If the area beneath the tab strip needs to have a box defined, use this style in the <td> */
{ 
 border: solid 1px #c0cbb6;
 vertical-align:top;
}
.GrayTabs .tabItem 
{
 padding: 3px 3px 3px 3px;
 border-top: solid 1px gainsboro;
 border-left: solid 1px gainsboro;
 border-right: solid 1px darkgray;
 border-bottom: solid 1px #F7F6F3;
 /* border-bottom: solid 1px gray; */
 
 background-color: #F7F6F3;
}
.GrayTabs .tabSelected 
{
 border-style: outset;
 border-bottom: solid 1px #ccd9c0;
 background-color: #eae9e1;
}
.GrayTabs .tabHover
{
 border-style: outset;
 border-bottom: solid 1px #ccd9c0;
 background-color: #d8e1ce;
}