.outerDiv       {
/*                    width:400px;*/
                    /*width: 98%;*/
                    max-width: 1000px;
                    min-width: 400px;
                    margin: 0px auto;
                    border: 1px solid rgb(150,150,150);
                    border-radius: 6px;
                    -moz-border-radius: 10px;
                    background-color :  rgb(250,250,250); 
                    padding: 0px 0px 10px 0px;
                    box-shadow: 5px 1px 15px 2px gray; 
                  }  
                  
  .bannerDiv         {
                    width:100%;         
                    border: 0px solid gray;
                    border-radius: 4px 4px 0 0;
                    /*background-color: rgb(150,203,151);*/
                    padding-bottom: 10px;
                    text-align: center;
                  }       
                  
 .topBanner      {
                    width:100%;
                    border: 0px solid gray;
                    /*background-color: rgb(202, 217, 202);*/
                    padding: 0px;
                    margin: 0px auto;
                    font-family: sans-serif; 
                    height: 75px;  
                    overflow: hidden; 
                  }                  

  table.main  {   width: 100%;                   
                   font-family: sans-serif; 
                   font-size: 12pt; 
                   /*color:#000080;*/
                   border: 0px solid red;                   
/*                   background-color: rgb(245,245,245);*/
                   border-collapse: collapse;     
               }   
               
   table.main td  {     padding : 0px; 
                        margin: 0px;
                        border: 0px solid gray;                          
                  } 
                  
   table.main2  {  width: 100%;                   
                   font-family: sans-serif; 
                   font-size: 11pt; 
                   /*color:#000080;*/
                   border: 0px solid blue;                   
/*                   background-color: rgb(245,245,245);*/
                   border-collapse: collapse;         
                  
               }   
   table.main2 td  {    padding : 0px; 
                        margin: 0px;
                        border: 0px solid gray;                          
                  }      
                  
   table.controlPanel  {    width: 100%; /*750px; */                  
                            font-family: sans-serif; 
                            font-size:9pt; 
                            color: white;
                            border: 0px solid blue;   
                            border-collapse: collapse;                               
                            padding : 0px; 
                            margin: 0px;
                            height: 65px;
                    }   
   table.controlPanel td  {     padding : 2px 2px 2px 10px; 
                                margin: 0px;
                                border: 0px solid gray;     
                                text-align: left;
                          }       
                          
                          
   table.distDownload  {                 
                            font-family: sans-serif; 
                            font-size:9pt; 
                            color: white;
                            border: 0px solid blue;   
                            border-collapse: collapse;                               
                            padding : 0px; 
                    }   
   table.distDownload td  {     padding : 0px; 
                                margin: 0px;
                                border: 0px solid gray;     
                                vertical-align: top;
                                text-align: left;
                          }                                 
                          
   table.linksTbl1  {                 
                            font-family: sans-serif; 
                            font-size: 10pt; 
                            width: 90%;
                            border: 0px solid blue;   
                            border-collapse: collapse;                               
                            padding : 0px; 
                    }   
   table.linksTbl1 td     {     padding : 2px; 
                                margin: 0px;
                                border: 0px solid gray;     
                                text-align: left;
                                font-weight: normal;
                          }                                           
                          
   table.schDownloadTbl  {  
                            width: 100%;
                            font-family: sans-serif; 
                            font-size: 11pt;           
                            color: rgb(50,50,50);
                            border: 0px solid blue;   
                            border-collapse: collapse;                               
                            padding : 0px; 
                        }   
   table.schDownloadTbl td    {     padding : 0px; 
                                    margin: 0px;
                                    border: 0px solid gray;     
                                    text-align: left;
                                    font-weight: normal;
                                    vertical-align: top;
                              }                           
                          
                          
                          
   select.agency  {           
                         font-family: sans-serif; 
                         font-size: 12pt; 
                         color: #000080;   
                         border-radius: 3px;
                         height: 25px;
                         min-width: 300px;
                  }   
   select.agency option  {     padding : 5px 15px;                               
                               font-size: 12pt;                                
                               /*color: #000080;*/ 
                         }    
                         
   select.agency optgroup   {    padding : 5px 2px 1px 5px;                           
                                 font-size: 10pt; 
                                 font-style: normal;                                 
                                 color: #000080;
                            }                     
                            
   div.schGroupOuter  {
                        font-family: sans-serif; 
                        font-size: 10pt; 
                        color: black;
                        border: 0px solid rgb(200,200,200);                   
                        padding: 0px;
                        /*background-color: rgb(245,245,250);*/
                        border-radius: 3px;
                        -moz-border-radius: 3px;
                        margin: 40px 30px 20px 30px;

                      }  
                 
   div.schGroup  {
                   font-family: sans-serif; 
                   font-size: 10pt; 
                   font-weight: bold;
                   color: black;
                   border: 1px solid rgb(200,200,200);                   
                   padding: 10px 5px;
                   background-color: rgb(245,245,245);
                   border-radius: 0 0 3px 3px;
                   -moz-border-radius: 0 0 3px 3px;
                   line-height: 20px;
       
                 }                  
          
   div.schGroupTitle {
                        
                        font-family: sans-serif; 
                        font-size: 11pt; 
                        font-weight: bold;
                        color: black;
                        border: 1px solid rgb(200,200,200);                   
                        padding: 5px 10px 5px 15px;
                        background-color: rgb(200,200,200);  
                        border-radius: 3px 3px 0 0;
                        -moz-border-radius: 3px 3px 0 0;
                        text-align: left;
                      }                   
                      
   div.distGroupTitle {                        
                        font-family: sans-serif; 
                        font-size: 11pt; 
                        font-weight: bold;
                        color: black;
                        border: 2px solid rgb(190,190,230);                     
                        padding: 5px 10px 5px 15px;
                        background-color: rgb(190,190,230);  
                        border-radius: 2px 2px 0 0;
                        -moz-border-radius: 5px 5px 0 0;
                        line-height: 16px;
                        text-align: left;
                      }                                         
                            
                            
   div.schFiles  {
                   font-family: sans-serif; 
                   font-size: 10pt; 
                   font-weight: normal;
                   color: black;
                   border: 0px solid rgb(200,200,200);                   
                   padding: 1px 5px 3px 5px;
                   background-color: rgb(245,245,245);
                   border-radius: 3px;
                   -moz-border-radius: 3px;
                   line-height: 16px;
                   margin-bottom: 5px;       
                   text-align: left;
                 }        
                 
   div.distFiles  {
                   font-family: sans-serif; 
                   font-size: 10pt; 
                   font-weight: normal;
                   color: black;
                   border: 0px solid rgb(200,200,200);                   
                   padding: 10px 5px 3px 5px;
                   background-color: rgb(245,245,245);
                   border-radius: 5px;
                   -moz-border-radius: 5px;
                   line-height: 16px; 
                   margin-bottom: 10px;   
                   text-align: left;
                 }                         
                 
   div.distFilesOuter  {
                   font-family: sans-serif; 
                   font-size: 10pt; 
                   font-weight: normal;
                   color: black;
                   border: 1px solid rgb(190,190,230);                 
                   padding: 0px;                   
                   background-color: rgb(245,245,245);
                   border-radius: 3px;
                   -moz-border-radius: 7px;
                   line-height: 16px;
                   margin: 10px 30px;       
                 }                
                 
  div.distHeading  {
                   font-family: sans-serif; 
                   font-size: 13pt; 
                   font-weight: bold;
                   color: black;
                   border: 0px solid rgb(200,200,200);                   
                   padding: 5px 10px 0px 15px;
                   /*background-color: rgb(230,230,230);*/
                   border-radius: 3px;
                   -moz-border-radius: 3px;
                   line-height: 18px;
                   /*margin-bottom: 5px;*/     
                   text-align: left;
                 }                                 
                            
                            
                            
   .divBody  {
                    width: 100%; 
                    border:0px solid rgb(200,200,200);
                    padding: 0px; 
                    margin: 0px; 
                    /*background-color: rgb(245,245,245);*/                    
                    border-radius: 0px 0px 10px 10px;
                    -moz-border-radius: 0px 0px 10px 10px;
             }                   
   
   
   .desc     {                        
                   font-family: sans-serif; 
                   font-size:9pt; 
                   color: rgb(120,120,120);
                   border: 0px solid rgb(200,200,200);                   
                   padding: 2px 10px 10px 55px;
                   background-color: rgb(245,250,255);
                   display:none;                     
                   border-radius:0px 0px 5px 5px;
                   -moz-border-radius: 0px 0px 5px 5px;
             }  
   .desc A:link    { color: blue; text-decoration:none; font-weight:normal;}
   .desc A:visited { color: blue; text-decoration:none; font-weight:normal;}          
   .desc A:hover   { color: blue; text-decoration:underline; font-weight:normal;}          
             
             
    .div_working1   {   display: none; 
                        width: 90%; 
                        padding: 2px 10px 2px 20px;  
                        color:green; 
                        font-weight: bold;
                        border-radius: 5px;
                        -moz-border-radius: 3px;
                        margin-bottom: 8px;
                    }      
                    
    .div_msg        {   
                        width: 98%; 
                        padding: 2px 5px 2px 5px; 
                        /*background-color: rgb(250,240,220) ;*/ 
                        color: rgb(100,100,100);                         
                        border-radius: 5px;
                        -moz-border-radius: 3px;
                        margin-bottom: 8px;
                    }           
                    
    div.distDownloaddiv {   
                        /*width: 98%;*/ 
                        padding: 2px 5px;
                        /*background-color: rgb(250,240,220) ;*/ 
                        color:black;                         
                        border-radius: 5px;
                        -moz-border-radius: 3px;
                        margin-bottom: 8px;
                        text-align: right;
                    }  
                    
    div.fileRowDiv  {   
                        width: 98%; 
                        border: 0px solid rgb(200,200,200);      
                        padding: 2px 5px 0px 5px; 
                        text-align: left;
                        vertical-align: bottom;
                                             
                    }                       
             
    div.sizeEst     {   border: 0px solid blue;  
                        font-size: 9pt;
                        /*width: 150px;*/ 
                        padding: 1px; 
                        /*color: rgb(100,100,100) !important;*/ 
                        float: right;
                        line-height: 14px;
                        vertical-align: top;
                        font-weight: normal;
                    }   
                    
   span.sizeEst2     {  border: 0px solid blue;  
                        font-size: 9pt;
                        width: 150px; 
                        padding: 1px 1px 1px 5px; 
                        /*color: rgb(100,100,100);*/
                        line-height: 10px;
                        vertical-align: baseline;
                        font-weight: normal;
                    }                       
                    
   div.resourcesDiv 
                    {   
                        width: 100%; 
                        padding: 5px; 
                        color: black;
                        text-align: left;
                    }    
                    
   div.resourcesDivOuter 
                    {   display: none;
                        width: 90%; 
                        padding: 5px; 
                        /*color: black;*/
                        color: rgb(40, 40, 40);
                        /*background-color: rgb(255,255,245);*/
                        margin: 0px auto;
                    }   
                    
   div.devEnv       
                    {   font-family: sans-serif; 
                        font-size: 9pt;
                        color:rgb(150,0,0); 
                        margin: 0px auto;
                        /*font-weight: bold;*/
                        text-align: center;
                        padding-bottom: 10px;
                    }               
                    
   div.footerDiv       
                    {   font-family: sans-serif; 
                        font-size: 10pt;
                        color: rgb(40,40,40);
                        margin: 0px auto;
                        font-weight: normal;
                        text-align: center;
                        border-top: 2px solid rgb(200,200,200);
                        padding: 10px 20px;
                        margin-top: 10px
                    }      
                    
   div.progressOuterDiv       
                    {   
                        width: 103px;
                        border: 2px solid blue; 
                        border-radius: 4px;
                        -moz-border-radius: 4px;
                        background-color :  rgb(200,200,250);
                        float: left;
                        height: 12px;
                        display: none;
                        margin: 3px 15px;
                    }   
   div.progressInDiv       
                    {   
                        width: 1px;
                        border: 1px solid white; 
                        border-radius: 2px;
                        -moz-border-radius: 2px;
                        background-color : rgb(100,100,250);                        
                        height: 8px;
                        padding:1px;  
                        /*display: none;*/
                    }                       
                    
   div.progressMsgDiv       
                    {   
                        /*width: 150px;*/
                        white-space: nowrap;
                        border: 0px solid blue; 
                        border-radius: 2px;
                        -moz-border-radius: 2px;    
                        padding:1px; 
                        float: right;
                        font-size: 8pt;
                        font-weight: bold;
                        color:  rgb(50,50,200);
                        /*display: none;*/
                    }     
       
   span.detailsTitles       
                    {                         
                        font-weight: bold;
                        font-size: 14pt;
                        /*color:#000080;*/
                        color: rgb(50, 50, 50);
                        display: block;
                        margin: 10px 0 0px 0;
                    }                      
                           
                    
                    
   img.icon1 
                    {                           
                        padding-right: 3px; 
                        opacity:0.9;
                        filter:alpha(opacity=90);    
                    }   
                    
   img.icon2 
                    {                           
                        opacity:0.7;
                        filter:alpha(opacity=70);                          
                    }     
                    
   img.loading 
                    {             
                        height: 7px;
                        padding: 1px 1px 1px 3px; 
                        vertical-align: bottom;
                        opacity:0.8;
                        filter:alpha(opacity=80);                          
                    }  
   img.warning 
                    {                           
                        padding: 1px 1px 3px 1px; 
                        display: none;
                    }                   
                    
   ul.list1          { 
                       font-family: sans-serif; 
                       margin: 2px;
                       padding-left: 35px;
                       list-style: disc ;
                     }
   
   ul.list1 li       { padding:1px 1px 1px 1px;                      
                       font-size: 9pt; 
                     }  
                     
   hr.line1         {                        
                        color: rgb(230,230,230);
                        background-color:rgb(230,230,230);
                        opacity:0.3;
                        filter:alpha(opacity=30);  
                        width: 98%;
                        float: left;
                    }                     
                    
                    
                    

/*            .btn-primary {
                color: #fff;
                background-color: #0495c9;
                border-color: #357ebd; set the color you want here
                padding: 0px;
            }
            .btn-primary:hover {
                color: #fff;
                background-color: #00b3db;
                border-color: #285e8e;
            }                    */
                    
                    
.btn2       {                
                padding: 8px 15px !important;
                font-size: 12pt !important;
                
            }                    

.headers   {
    font-size: 11pt;
    color: rgb(50,50,50);
    /*font-weight: bold;*/
    padding: 4px 2px 2px 6px !important;
}    




.flex-area {
    display:flex;
    float: left; 
    width: 100%;    
    padding: 5px 10px;
}

.select-div {
    margin: 3px 10px;
}

@media(min-width: 0px) 
{
    .select-row {
        flex-flow: row wrap;
    }
    .yr-select {
        order: 1;
        width: 100%
    }
    .dist-select {
        order: 2;
        width: 100%;
    }
    .sch-select {
        order: 3;
        width: 100%;
    }
    
    
    .sch-header-row {
        flex-flow: row wrap;        
    }
    .sch-header {
        order: 1;
        width: 98%;
        padding-left: 20px;
    }
    .download-links {
        order: 2;
        width: 98%;
        padding-bottom: 7px;
    }
    
    
    .fileRowAdj  {   
                    padding: 2px 5px 0px 25px !important;                                              
                 }     
                 
    .fileRowAdjDist  {   
                    padding: 2px 5px 0px 12px !important;                                              
                 }    
                 
    .moreDownloadOptions { 
        display: none;
    } 
    
     .callerDownloadOptions { 
        display: block;
        padding-left: 10px; 
        font-size: 8pt;
     }    
     
     
    .topBannerBig {
        display: none;
    }
    
    .topBannerSm {         
        /*display: block;*/
/*        background-color: rgb(150,203,151);*/
    } 
    
    .bannerDivAdj   {
        /*background-color: rgb(202, 217, 202);*/
        /*background-color: rgb(150,203,151);*/
    }
    
    
    .dist-head-row {
        flex-flow: row wrap;
    }
    
    .disthead {
        width: 95%;
        order: 1;
    }
    .progMsg {        
        order: 2;
        margin-left: 20px;
    }
    .progBar {
        order: 2;
    }
    
    .dist-all-files-row {
        flex-flow: row wrap;
    }
    .file-summary {                
        order: 1;
        width: 98%;
    }
    .file-summary-download {                
        order: 2;
        width: 98%;
    }
}


@media(min-width:600px) 
{
    .select-row {
        flex-flow: row wrap;
    }
    .yr-select {
        order: 1;
        width: 100%
    }
    .dist-select {
        order: 2;
        width: 40%;
    }
    .sch-select {
        order: 2;
        width: 40%;
    }
    
    
    .sch-header-row {
        flex-flow: row nowrap;        
    }
    .sch-header {
        /*order: 1;*/
        width: 55%;
        padding-left: 20px;
    }
    .download-links {
        /*order: 2;*/
        width: 45%;
         padding-right: 20px;
    }
    
    
    .fileRowAdj  {   
                    padding: 2px 5px 0px 30px !important;                                              
                 }     
                 
    .fileRowAdjDist  {   
                    padding: 2px 5px 0px 15px !important;                                              
                 }    
                 
    .moreDownloadOptions { 
        display: block;
    }
    
    .callerDownloadOptions { 
        display: none;
    }
    
    .topBannerBig {
        display: block;
        margin: 0px auto;
        /*padding: 5px 0px;*/
    }
    
    .topBannerSm { 
        display: none;
    }
    
    .bannerDivAdj   {
        /*background-color: rgb(150,203,151);*/
    }
    
    .dist-head-row {
        flex-flow: row nowrap;
    }
    
    .disthead {
        /*width: 70%;*/
    }
    
    .progMsg {                
        margin-right: 10px;
    }
    .progBar {
        width: 170px !important;        
    }
    
    
    .dist-all-files-row {
        flex-flow: row nowrap;
    }    
    .file-summary {                
        width: 60%;
    }
    .file-summary-download {                
        width: 40%;
    }
}




@media(min-width:768px) 
{
    .select-row {
        flex-flow: row nowrap;        
    }
    .yr-select {
        order: 3;   
        width: 20%;
    }
    .dist-select {
        order: 1;
        width: 40%;
    }
    .sch-select {
        order: 2;
        width: 40%;
    }
    
    
    .sch-header-row {
        flex-flow: row nowrap;        
    }
    .sch-header {
        width: 60%;
        padding-left: 20px;
    }
    .download-links {
        width: 40%;
        padding-right: 20px;
    }
    
    
    .fileRowAdj  {   
                    padding: 2px 5px 0px 35px !important;                                              
                 }    
                 
    .fileRowAdjDist  {   
                    padding: 2px 5px 0px 15px !important;                                              
                 }          
                 
    .moreDownloadOptions { 
        display: block;
    }
    
    .callerDownloadOptions { 
        display: none;
    }
    
    .dist-head-row {
        flex-flow: row nowrap;
    }
    .disthead {
        width: 70%;
    }
    .progMsg {                
        margin-right: 10px;
    }
    .progBar {
        width: 133px !important; 
        margin-right: 20px !important; 
    }
    
    
    .dist-all-files-row {
        flex-flow: row nowrap;
    }    
    .file-summary {                
        
    }
    .file-summary-download {                
        
    }
}




                    
                    
                    
   
   .intro A:link    { color: blue; text-decoration:none; font-weight:normal;}
   .intro A:visited { color: blue; text-decoration:none; font-weight:normal;}          
   .intro A:hover   { color: blue; text-decoration:underline; font-weight:normal;} 
   
  .boldlink { 
              padding: 7px 10px 8px 20px;
              border: 0px solid blue;       
/*              background-color: rgb(200,225,231);*/
              font-size: 10pt;
            } 
  .boldlink A:link    { color: blue; text-decoration:none; font-weight:bold;}
  .boldlink A:visited { color: blue; text-decoration:none; font-weight:bold;}          
  .boldlink A:hover   { color: blue; text-decoration:underline; font-weight:bold;} 
  
  .dev {} 
  .dev A:link    { color: rgb(200,0,0); text-decoration:none; font-weight:normal;}
  .dev A:visited { color: rgb(200,0,0); text-decoration:none; font-weight:normal;}          
  .dev A:hover   { color: rgb(250,0,0); text-decoration:underline; font-weight:normal;} 
  
  
  .links1 A:link    { color: blue; text-decoration:none; font-weight:normal;}
  .links1 A:visited { color: blue; text-decoration:none; font-weight:normal;}          
  .links1 A:hover   { color: blue; text-decoration:underline; font-weight:normal;} 
  
  .links2 A:link    { color: blue; text-decoration:none; font-weight:bold;}
  .links2 A:visited { color: blue; text-decoration:none; font-weight:bold;}          
  .links2 A:hover   { color: blue; text-decoration:underline; font-weight:bold;} 
  
   A:link    { color: blue; text-decoration:none; font-weight:normal;}
   A:visited { color: blue; text-decoration:none; font-weight:normal;}         
   A:active { color: blue; text-decoration:none; font-weight:normal;}         
   A:hover   { color: blue !important; text-decoration:underline; font-weight:normal;} 
   
   a.links3:link    { font-size:15pt; font-weight: bold; color: black; text-decoration:none; }
   a.links3:visited { font-size:15pt; font-weight: bold; color: black; text-decoration:none; }          
   a.links3:hover   { font-size:15pt; font-weight: bold; color: black; text-decoration:underline; } 
   
   
      
  a.links4:link    { color: white; text-decoration:none; }
  a.links4:visited { color: white; text-decoration:none; }          
  a.links4:hover   { color: white; cursor: default; text-decoration:none; } 
  
   a.links5:link    { color: blue; text-decoration:none; }
   a.links5:visited { color: blue; text-decoration:none; }          
   a.links5:hover   { color: blue; text-decoration:underline; } 
   
   a.links6:link    { color: rgb(63, 99, 158); text-decoration:none; }
   a.links6:visited { color: rgb(63, 99, 158); text-decoration:none; }          
   a.links6:hover   { color: rgb(63, 99, 158); text-decoration:underline; } 
  
   table.stats1  {  width: 100%;                   
                   font-family: sans-serif; 
                   font-size:8pt; 
                   color:#000080;
                   border: 1px solid rgb(200,200,200);                   
/*                   background-color: rgb(245,245,245);*/
                   border-collapse: collapse;         
                  
               }   
   table.stats1 td  {   padding : 2px; 
                        margin: 0px;
                        border: 1px solid rgb(200,200,200);                   
                  }
                  
.params {             
           font-family: sans-serif; 
           font-size:12pt; 
           font-weight: bold;
           color :gray;
}

.aggr1 {             
           font-family: sans-serif; 
           font-size: 9pt; 
           font-weight: bold;
           color :black;
           padding: 2px;
}
  
.topBannerDiv {
    width: 100%;
    padding: 0px;
    border-radius: 3px 3px 0px 0px;
    margin: 0px;
    text-align: center;
/*    background-color: rgb(222, 237, 222);*/
}                              

.yr-select-area {
    background-color: rgb(229, 223, 208);
    border: 0px solid red;
    padding: 5px 10px;
}

.sch-yr-grp {    
    width: 800px;
    /*border: 1px solid red;*/
}