/* http://css.maxdesign.com.au/selectutorial/selectors_child.htm */

.portalForm
{
    display:inline-block;
    float:none;
    width:100%;
    height:auto;
    font-size:11px;
    font-family:Arial;
    line-height:20px;
    margin-bottom:10px;
}

.portalForm .formColumn
{
    display:inline-block;
    float:left;
    width:275px;
    margin:5px;
    clear:none;
}

.portalForm .row, .portalForm .row .subRow
{
    display:inline-block;
    float:left;
    min-height:20px;
    height:auto;
    width:100%;
    clear:both;
    margin-bottom:5px;
    vertical-align:middle;
}

.portalForm .thinRows .row,.portalForm .thinRows .row .subRow
{
     min-height:13px;
     line-height:13px;
     margin-bottom:5px;

}

.portalForm .thinRows .row label,.portalForm .thinRows .row .subRow .label
{
     min-height:13px;
     line-height:13px;
     font-size:11px;
     padding-right:5px;
}

.portalForm .row.resultsGrid
{
    border-top:1px solid grey;
    padding:0px;
    padding-top:5px;
}

.portalForm .row.resultsGrid table
{
    width:100%;
}

.portalForm .row.resultsGrid .CDAGridView
{
    display:block;
    float:none;
    margin:0px auto;
    width:100%;
   
}

.portalForm .row.resultsGrid .dxgv
{
     cursor:pointer;
}

.portalForm .row.gvWithLabelHeading label
{
    text-align:left;
}

.portalForm .row .subRow label
{
    display:inline-block;
    float:left;
    width:80px;
    min-height:20px;
    height:auto;
    padding-right:5px;
    text-align:right;
}
.portalForm .row .subFormlabel
{
    display:inline-block;
    float:left;
    width:118px;
    margin-right:5px;
}
.portalForm .row .subForm
{
    display:inline-block;
    float:left;
}

.portalForm .row label
{
    display:inline-block;
    float:left;
    width:118px;
    min-height:20px;
    height:auto;
    padding-right:5px;
    text-align:right;
}

.portalForm .row .findButton 
{
    padding:0px;
}
.portalForm .row .findButton .dxbButton
{
    display:inline-block;
    height:16px;
    line-height:16px;
    width:auto;
    float:left;
    margin-left:5px;
    padding:0px;

}
.portalForm .row .findButton .dxbButton div.dxb
{
    padding:0px 4px !important;
    margin:0px;
    line-height:20px;
}


.portalForm .row.buttons
{
    
}

.portalForm .row.buttons .button
{
    display:inline-block;
    float:left;
    margin:0px 3px;
}

.portalForm .row.buttons .formMessages
{
    display:inline-block;
    float:left;
    line-height:20px;
    color:red;
    margin:0px 3px;
}
.portalForm .row.buttons .button.floatRight
{
    float:right;
}
.portalForm .row.buttons p
{
    float:left;
    font-size:11px;
    margin:0px;
}



/* Dev Express Controls are tables.*/
.portalForm .row.buttons table.buttonTable ,.portalForm .row table.rowTable
{
    display:inline-block;
    float:left;
    margin-right:5px;
    width:auto;
}
.portalForm .row.buttons table .dxbButton 
{
    line-height:normal;
}


/*

    Regions, use for hiding and showing selections of a form with Jscript etc.
    Also good for splitting up markup.
*/
.portalForm .region
{
    display:block;
    float:left;
    width:inherit;
    height:inherit;
}

/* width(s)*/
.portalForm .row .subFormlabel.lgh1,.portalForm .row .subForm.lgh1{ height:20px;}
.portalForm .row .subFormlabel.lgh2,.portalForm .row .subForm.lgh2{ height:40px;}
.portalForm .row .subFormlabel.lgh3,.portalForm .row .subForm.lgh3{ height:60px;}
.portalForm .row .subFormlabel.lgh4,.portalForm .row .subForm.lgh4{ height:80px;}
.portalForm .row .subFormlabel.lgh5,.portalForm .row .subForm.lgh5{ height:100px;}
.portalForm .row .subFormlabel.lgh6,.portalForm .row .subForm.lgh6{ height:120px;}
.portalForm .row .subFormlabel.lgh7,.portalForm .row .subForm.lgh7{ height:140px;}
.portalForm .row .subFormlabel.lgh8,.portalForm .row .subForm.lgh8{ height:160px;}

.portalForm .lblgh0 label{ width:58px;}
.portalForm .lblgh1 label{ width:78px;}
.portalForm .lblgh2 label{ width:98px;}
.portalForm .lblgh3 label{ width:118px;}
.portalForm .lblgh4 label{ width:138px;}
.portalForm .lblgh5 label{ width:158px;}
.portalForm .lblgh6 label{ width:178px;}
.portalForm .lblgh7 label{ width:198px;}
.portalForm .lblgh8 label{ width:218px;}

.portalForm .portalForm .row select
{
    display:inline-block;
    float:left;
    width:106px;
}

.portalForm .lgh1  select{width:126px;}
.portalForm .lgh2  select{width:146px;}
.portalForm .lgh3  select{width:166px;}
.portalForm .lgh4  select{width:186px;}
.portalForm .lgh5  select{width:206px;}
.portalForm .lgh6  select{width:226px;}
.portalForm .lgh7  select{width:246px;}
.portalForm .lgh8  select{width:266px;}

.portalForm input[type="text"]
{
    display:inline-block;
    float:left;
    width:100px; 
}
.portalForm .lgh1 input[type="text"]{ width:124px;}
.portalForm .lgh2 input[type="text"]{ width:144px;}
.portalForm .lgh3 input[type="text"]{ width:164px;}
.portalForm .lgh4 input[type="text"]{ width:184px;}
.portalForm .lgh5 input[type="text"]{ width:204px;}
.portalForm .lgh6 input[type="text"]{ width:224px;}
.portalForm .lgh7 input[type="text"]{ width:244px;}
.portalForm .lgh8 input[type="text"]{ width:264px;}


/* Dev express controls */


.portalForm  .dxeTextBox td.dxic
{
   padding:0px !important;
}
.portalForm .dxeTextBoxSys, .portalForm .dxeTextBoxSys .dxeTextBox
{
    height:18px;
    margin:0px;
    padding:0px !important;
}
.portalForm .lgh1 .dxeTextBoxSys, .portalForm .lgh1 .dxeTextBoxSys .dxeTextBox{width:124px;}
.portalForm .lgh2 .dxeTextBoxSys, .portalForm .lgh2 .dxeTextBoxSys .dxeTextBox{width:144px;}
.portalForm .lgh3 .dxeTextBoxSys, .portalForm .lgh3 .dxeTextBoxSys .dxeTextBox{width:164px;}
.portalForm .lgh4 .dxeTextBoxSys, .portalForm .lgh4 .dxeTextBoxSys .dxeTextBox{width:184px;}
.portalForm .lgh5 .dxeTextBoxSys, .portalForm .lgh5 .dxeTextBoxSys .dxeTextBox{width:204px;}
.portalForm .lgh6 .dxeTextBoxSys, .portalForm .lgh6 .dxeTextBoxSys .dxeTextBox{width:224px;}
.portalForm .lgh7 .dxeTextBoxSys, .portalForm .lgh7 .dxeTextBoxSys .dxeTextBox{width:244px;}
.portalForm .lgh8 .dxeTextBoxSys, .portalForm .lgh8 .dxeTextBoxSys .dxeTextBox{width:264px;}    

.portalForm .row .dxic input[type="text"]
{
     width:99%;
     margin:0px !important;
     font-size:11px;
     font-family:Arial;      
}

/* Date Edit - Need to test other. */
.portalForm .lgh1 .row .dxeButtonEdit{ width:126px;}
.portalForm .lgh2 .row .dxeButtonEdit{ width:146px;}
.portalForm .lgh3 .row .dxeButtonEdit{ width:166px;}
.portalForm .lgh4 .row .dxeButtonEdit{ width:186px;}
.portalForm .lgh5 .row .dxeButtonEdit{ width:206px;}
.portalForm .lgh6 .row .dxeButtonEdit{ width:226px;}
.portalForm .lgh7 .row .dxeButtonEdit{ width:246px;}
.portalForm .lgh8 .row .dxeButtonEdit{ width:266px;}

/* CDA MEMO */
.portalForm .lgh1 .dxeMemo{ width:124px;}
.portalForm .lgh2 .dxeMemo{ width:144px;}
.portalForm .lgh3 .dxeMemo{ width:164px;}
.portalForm .lgh4 .dxeMemo{ width:184px;}
.portalForm .lgh5 .dxeMemo{ width:204px;}
.portalForm .lgh6 .dxeMemo{ width:224px;}
.portalForm .lgh7 .dxeMemo{ width:244px;}
.portalForm .lgh8 .dxeMemo{ width:264px;}
/* CDA MEMO Inner textarea*/
.portalForm .dxeMemo textarea {height:58px !important;}
.portalForm .lgh1 .dxeMemo textarea{width:122px !important;}
.portalForm .lgh2 .dxeMemo textarea{width:142px !important;}
.portalForm .lgh3 .dxeMemo textarea{width:162px !important;}
.portalForm .lgh4 .dxeMemo textarea{width:182px !important;}
.portalForm .lgh5 .dxeMemo textarea{width:202px !important;}
.portalForm .lgh6 .dxeMemo textarea{width:222px !important;}
.portalForm .lgh7 .dxeMemo textarea{width:242px !important;}
.portalForm .lgh8 .dxeMemo textarea{width:262px !important;}

.portalForm .row .dxeButtonEdit table.dxbebt
{
    width:5px;
    padding:0px;
}

.HiddenSearchPanel
{
    display:none;
    float:none;
}


/* divButtonRow : For stand alone button rows */

.divButtonRow
{
    display:block;
    float:left;
    width:100%;
    height:24px;
    padding: 0px 4px;
}
.divButtonRow .button
{
    float:right;
    margin-left:5px;
}
.divButtonRow .LeftButton
{
    float:left;
       margin-right:5px;
}