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

    #ModalMsgBoxBg
    {
        position:absolute; left:0px; top:0px; width:100%; height:100%;
        background-color:#000000; z-index:4333; visibility:hidden;
        opacity:0.7; filter:alpha(opacity=70);
    }

/* v2 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;
    }
    
    .popupIframe
    {
        position:absolute; top:30px; left:250px; width:600px; padding:0px; border:1px solid #999999; 
        background-color:#ffffff; visibility:hidden; z-index:2100; 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:90%;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;
    }
    
    .popupHeaderBarLinkWrapper
    {
        float:right; display:inline; margin-right:5px;
    }

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

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

    .popupContentPadding
    {
        padding:3%; display:block;float:left; width:94%;
    }
    

    .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:80%; }
    
    .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(../ImagesGoResourcing/indicator.gif);
	    background-repeat: no-repeat;
	    background-position:0px 0px;
    }
    
    .popupSpinnerMessageText
    {
        display:inline; float:left; font-size:90%; 
        padding-bottom:0px; font-family:arial,verdana,helvetica,arial,sans;
         font-weight:normal; 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:75%; 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;
}

    
    /* ----------------- 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;
                         }
      
           #PopupMessageTextWrapper
          { width:90%; margin:0px; padding:5%; 
           background-color:#f2f2f2; float:none; text-align:left;}
           
          
      .modalPopupCloseBtnWrapper
      { 
           float:right;display:inline;margin-right:10px;
      }

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

#AdditionalPopupTextWraper 
{
    display:none; float:left; width:100%; padding:0px; margin:0px; 
    padding-top:10px; padding-bottom:0px; font-size:70%;
    font-family:Verdana,arial,sans-serif; color:#333333;
    }
    
    .popupOkButton
    {
        background-color: #dddddd;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	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:100%; 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:70%;
	    /* note padding left and right was previously 5px */
    }
    
    
    .popupHeadingStyleTwo 
    {
	font-family: Sari-Regular, Verdana, Arial, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0c1e3c;
	padding:5px; 
	margin:0px;
	line-height: 1.5em;
    }
    
    #AdditionalPopupTextWraper a { color:#333333; font-weight:bold; }