/* modal bg displayed behind modal msg box or animated spinner displayed */

#ModalBg 
{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:#000000;
        opacity:0.7; filter:alpha(opacity=70);
        z-index:2000;
}

/* modal bg displayed behind custom popup e.g. project image muilti select box */


    #PopupModalBg
    {
        position:fixed; left:0px; top:0px; width:100%; height:100%;
        background-color:#000000; z-index:1500; visibility:hidden;
        opacity:0.7; filter:alpha(opacity=70);
    }
 
 
 /* Animated spinner message displayed e.g. when adding job vacancy, updating, retrieving data etc */
 
 
    #AnimatedMsgBox
    {
        position:absolute; left:-500px; top:-30px; width:280px; height:auto;
        padding:10px; background-color:#ffffff; z-index:9500; visibility:hidden;
        border:1px solid #cccccc;
    }

    #AnimatedMsgbox .loadingText
    {
        display:block; float:left; font-size:13px; padding-bottom:1px; font-family:verdana,helvetica,arial,sans;
        vertical-align:middle; font-weight:bold;
    } 

    .loadingMsgRow
    {
        vertical-align:middle; height:auto; display:block; float:left; width:100%; 
        padding:0px; margin:0px; padding-top:5px; padding-bottom:5px; 
    }

    .loadingImg 
    { 
        border:0px; margin:0px; padding:0px; width:48px; height:48px; 
        display:block; float:left; margin-right:5px;
        background-image:url(../IconsSiteWide/indicator.gif);
	    background-repeat: no-repeat;
	    background-position:0px 0px;
    }

    .loadingText
    {
        display:block; float:left; font-size:13px; padding-bottom:1px; font-family:verdana,helvetica,arial,sans;
        vertical-align:middle; font-weight:bold; /* line-height:32px; */
    }


    
    
    /* ------------ modal message box popup styling ---------------------------- */

        
         #ModalMsgBox {  position:absolute; visibility:hidden;
                         left:300px; top:10px; width:300px; padding:0px; 
                         height:auto; z-index:4444; background-color:#f2f2f2; 
                         text-align:left; 
                         font-size:10px;
                         }
      
           #PopupMessageTextWrapper
          { width:90%; margin:0px; padding:5%; 
           background-color:#f2f2f2; float:none; text-align:left;}
           
          
      .modalPopupCloseBtnWrapper
      { 
           float:right;display:inline;margin-right:10px;
      }

#ModalMsgBox p { font-size:12px; }

#ModalMsgBox a { color:#333333; text-decoration:underline; }
#ModalMsgBox a:hover { color:#999999; text-decoration:underline; }
#ModalMsgBox a:visited { color:#333333; text-decoration:underline; }

   
 
 
 /*   
    #EditPopupModalBg
    {
        position:fixed; left:0px; top:0px; width:100%; height:100%;
        background-color:#000000; z-index:500; visibility:hidden;
        opacity:0.7; filter:alpha(opacity=70);
    }
*/





/* v2 POP UP styling */

    .popup
    {
        position:absolute; top:30px; left:250px; width:600px; padding:0px; border:1px solid #999999; 
        background-color:#ffffff; visibility:hidden; z-index:2000; padding-bottom:0px;
        display:none; text-align:left;
    }
        
    .popupHeaderBar
    {   
        width:100%; float:left; display:block; background-color:#c3e6f1; border-bottom:0px solid #000000; 
        margin:0px; padding:0px; padding-top:3px; padding-bottom:3px;
    }
    
    .popupHeaderRow
    {
        display:block; float:left; width:100%; padding:0px; margin:0px; padding-top:3px; padding-bottom:2px; 
        background-color:#c3e6f1; color:#ffffff;
    }

    .popupHeaderBarTitle
    {
        float:left; display:inline; font-size:11px;font-family:Arial,verdana,sans-serif; 
        margin:0px; padding:0px; margin-left:5px; color:#333333; font-weight:bold;
    }
       
    .popupCloseBtnWrapper
    {
        float:right; display:inline; margin-right:5px;
    }

    .popupCloseBtnWrapper a
    {
        color:#000000; background-color:#ffffff; text-decoration:none;
        padding:2px; font-size:11px;
    }

    .popupCloseBtnWrapper a:hover
    {
        color:#000000; background-color:#87cce3;
    }

    .popupContentPadding
    {
        padding:3%; display:block;float:left; width:94%;
    }
    
    /* by default PopupScrollbarWrapper is set to simply expand to encompass all content and not show scrollbars.
    This class should be redefined within the head tag of the page using the popup if the popup
    will use scrollbars i.e. overflow:auto; (and set a height or set UsePopupDataScrollbar = true in popup.js 
    to automatically calculate and display scroll area height based on available screen height
    */
    
    #PopupDataScrollbarWrapper
    {
        display:block; float:left; width:100%; overflow:visible; height:auto;
    }
    
    /* if page is using a popup scrollbar, this popupDataWrapper class should be overriden in the head tag
    of the page to set the width to the desired width based on the width of the popup. The data wrapper
    width should be about 18px; less than the PopupDataScrollbarWrapper to account for the space occupied by vertical scrollbars
    */
    
    .popupDataWrapper
    {
        width:100%; float:left; display:block; padding-bottom:0px; padding-top:10px;
    }
 
    .popupRow
    {
        display:block; width:100%; padding:0px; margin:0px; 
        padding-top:5px; padding-bottom:5px; float:left; 
    }
    
    .popupSearchBoxRow
    {
        display:block; float:left; width:100%; padding:0px; margin:0px; 
        padding-top:15px; padding-bottom:10px; 
    }
    
    .popupFilterLabelWrapper
    {  display:block; float:left; padding-top:2px; margin-right:10px; font-weight:bold; font-family:Arial,verdana,sans-serif;
        font-size:11px; }
    
    .popupFilterBoxWrapper
    {  display:block; float:left;  }
    
    
    .popupLoadingMsgRow
    {
        display:block; float:left; width:100%; padding:0px; margin:0px; 
        padding-top:15px; padding-bottom:5px;
    }
    
.popupSpinnerImg 
    { 
        border:0px; margin:0px; padding:0px; width:18px; height:18px; 
        display:inline; float:left; margin-right:10px;
        background-image:url(../ImagesGoProcedures/indicator.gif);
	    background-repeat: no-repeat;
	    background-position:0px 0px;
    }
    
    .popupSpinnerMessageText
    {
        display:inline; float:left; font-size:12px; 
        padding-bottom:0px; font-family:arial,verdana,helvetica,arial,sans;
         font-weight:bold; color:#333333;
    }

    
    /* -------------- page textboxes that hold values returned from popup control ------------- */


    .popupIdTextbox{display:none; float:left; width:30px; background-color:#bce3e1;}
    
    .popupContentTextbox
    {
        background-color:#f9f2f2; width:100%; float:left; display:none; /* display:none in production version */
    }
    
    .popupContentTextboxesWrapper
    {
        float:left; padding-bottom:10px; display:none; /* none in production version */
    }
    


/* ------ POPUP Pager styling -Default pager styling for pop up pagers (can be redefined via inline css on aspx page if required) ------ */

.popupPagerWrapper
{
    display:block; width:100%; padding:0px; padding-top:5px; padding-bottom:1px; margin-top:10px;
    margin:0px; float:left; text-align:left;
} 

.popupPagerWrapper .popupPagerButtonsWrapper
{
   display:block; padding:0px; margin:0px; float:left;
}

.popupPagerButtonsWrapper
{
   display:block; width:22%; padding:0px; margin:0px; float:right; 
    background-color:#ffffff;
}

.popupPagingButton
{
    margin:0px; padding:0px; margin-right:4px; float:left; display:inline; 
}

.popupPagerWrapper .pagerItemsPerPageWrapper
{
   display:block; width:30%; padding:0px; margin:0px; float:left; text-align:left; 
   font-size:11px; font-family:Arial,Verdana,sans-serif; font-weight:bold; 
   background-color:#ffffff;
}

.popupPagerWrapper .pagerGoToPageWrapper
{
   display:block; padding:0px; margin:0px; float:left; font-family:Verdana,arial,sans-serif; font-weight:bold;
   background-color:#ffffff; width:27%;
}

.popupPagerWrapper .pagerPageNumbersWrapper
{
   display:block; width:21%; padding:0px; margin:0px; float:left; text-align:left;
   background-color:#ffffff;
}

.popupPagerWrapper .pageNumbersLabelWrapper
{
    padding-top:0px; float:left; text-align:left;
}

.popupPagerFooterRow1
{
    display:block; float:left; width:100%; padding-top:10px; padding-bottom:10px;  text-align:left;
}

.popupPagerFooterRow2
{
    display:block; float:left; width:100%; padding:0px; padding-top:10px; padding-bottom:0px;
    border-top:1px solid #777777; border-bottom:0px solid #999999; text-align:right;
    margin-top:0px;
}



#AdditionalPopupTextWraper 
{
    display:none; float:left; width:100%; padding:0px; margin:0px; 
    padding-top:10px; padding-bottom:0px; font-size:11px;
    font-family:Verdana,arial,sans-serif; color:#333333;
    }
    
 
    .popupOkButton
    {
        background-color: #dddddd;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px; 
	padding:0px;
    }
    
    
    .txtPopupGoToPage { font-size:11px; padding-top:0px; margin-top:0px;}
    
    
     #btnPopupJump
    {
        border: 1px solid #000000;
	    cursor: pointer;
	    background-color: #dddddd; 
	    color:#333333;
	    font-weight: normal;
	    padding:0px; /* height and width defined automatically via padding around text */
	    text-align:center;
	    text-decoration:none;
	    font-family:arial,Verdana,sans-serif;
	    font-size:11px;
	    /* note padding left and right was previously 5px */
    }