
/*------------------------------------------------------------------------------------------
    Base Element Overrides (extends normalize.css)
  -----------------------------------------------------------------------------------------*/
html {
    font-size: 0.9em;
    line-height: 125%;
}

/*------------------------------------------------------------------------------------------
    Div Tag Generic Formatting
  -----------------------------------------------------------------------------------------*/
.OutsideWrapper {
width: 100%;
float: left;
}

.BodyContentTextPage {
 padding: 20px 24px;
}


.Col_50 {
width: 50%;
float:left;
padding-left:1em;
}

.Col_32 {
width: 32%;
float:left;
padding-left:1em;
}

.Col_NoWidth {
text-align:left;
display:inline-block;
vertical-align:top;
margin-bottom: 1em;
}

.Col_49 {
width: 49%;
text-align:center;
display:inline-block;
vertical-align:top;
margin-bottom: 1em;
}

.Col_99 {
width: 99%;
text-align:left;
display:inline-block;
vertical-align:top;
margin-bottom: 1em;
}


/* Styles for my dialog box testing
-----------------------------------------------------------*/
.ButtonLink { color:Blue; cursor:pointer; }
.ButtonLink:hover { text-decoration:underline; }
.Hidden { display:none; }
#NoteForm label { display:block; margin-bottom:6px; }
#NoteForm label > span { font-weight:bold; }
#NoteForm input[type=text] { width:350px; }
#NoteForm textarea { width:350px; height:80px; }


/* Styles for basic forms
-----------------------------------------------------------*/


/* Old tooltip styling removed - now using Bootstrap 5 tooltips
   See bootstrap-tooltip.css for current tooltip styles
-----------------------------------------------------------*/

 /* Progress overlay styling 
-----------------------------------------------------------*/

#progress {
    display: none;
    z-index: 10000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background-color: black;
    opacity: .8;
    filter: aplha(opacity=80);
    left:0;
}

    #progress img {
        z-index: 10200;
        position: absolute;
        left: 45%;
        top: 40%;       
    }

    #SectionLoadingProgressImage {
    width: 100%;
    height: 70px;
    position: relative;
    top: 0;
    background-color: transparent;  
   
}

    #SectionLoadingProgressImage img {     
        position: absolute;
        left: 45%;
        top: 0px;
        width:10%;            
        opacity: .7;
        filter: aplha(opacity=70);    
    }
