.JBSBanner {height:80px; width:99%; z-index:1100; margin:0px 4px; padding:2px; border:2px solid green; position:sticky; top:0px;
                     background-color:rgba(244,244,244,1);
         }
            
.JBSBanner a {color: black; text-decoration:none;  }
              

a img
{
	border-bottom-style: none;
	border-bottom-width: 0px;
	text-decoration: none;
	border: none;
	}

#wrapper 
{   width:100%;
    }

.stucco {
    background: url(Images/stucco.png) repeat;
}

.centered{
    z-index:50000;
    position:absolute;
    top:400px;
    left:40%;

}

  
#fixedTop {
        position:sticky; 
        top:0px;
        height:70px; 
        z-index:10;
 }

#footer { 
   position: -webkit-sticky; 
   position: sticky; 
    bottom:20px;
    margin:20px auto 0 auto;
	width: auto; font-size:large;
	height: 80px;text-align: center;
	background: url(/Images/backgroundShadow.png) no-repeat center bottom;
    z-index:-2;
} 

#footer1 { 
   position: -webkit-sticky; 
   position: sticky; 
    bottom:0px;
    margin:20px auto 0 auto;
	width: auto; font-size:large;
	height: 80px;text-align: center;
	background: url(/Images/Ferny.png) no-repeat center bottom;
    z-index:-2;
} 

#DetailZone { text-align:center;margin: 20px auto 30px auto; width:auto;}
 
    
btnClose{ right:10px; float:right; vertical-align:top; width:50px; background-color:Red; color:White; font-size:x-large;}
	
/* HEADINGS   
----------------------------------------------------------*/
 h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}



 h1
                    {
                        padding: 10px 0px 10px 10px;
                        font-size: 21pt;
                        background-color: #E2E2E2;
                        border-bottom: 1px #C1C1C2 solid; 
                        color: #201F20;
                        margin: 0;
                        font-weight: normal;
                    }


h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
    font-weight: 600;
}

h5, h6
{
    font-size: 1em;
}	
	
/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}



.LoginSpot{
	float: right;padding:5px;
	position:relative;
	top: 2px;right:2px;
    font-size :.9em;
    display: inline;
    cursor:pointer;
    
}

.LoginSpot2{
	float: right;
	position:absolute;
	top:50px;
    right:10px;
	font-size:.8em;
    display:inline;
    cursor:pointer; 
}

.ProgressSpot{left:70%; top:10px; position:fixed; z-index:100;}

.ProgressFixed{position:fixed; top:10px;left:210px;	font-size:1.2em; color:#7FA536 }

.page
{  width:100%;
   text-align: center;
   margin: 2px 5px 70px 0px;
   border: 0px solid #808080; 
   color:#5D7B9D;
    
}

.pageLeft
{  width:100%;
   margin: 2px 5px 70px 0px;
   border: 0px solid #808080;
   color:#5D7B9D;
    
}

.leftSide
{
    margin: 12px 4px 0px 0px;
    width: 100%;
    font-size:small;
    text-align:left;
    color:#5D7B9D;
 }
 

.leftmargin
{
    margin: 10px 0px 5px 5px;
    width: 40%;
    font-size:medium;
    font-weight:bold;
    text-align:left;
    color:#4B747D
 }
 
.popupMenu {  margin-bottom:20px;
    position:absolute;
    visibility:hidden;
    background-color:#F5F7F8;
   
}

.CommercialSpot
{
	float:left;
	position:absolute;
	top:20px;left:20px;
	font-size:1em;
    
}    
    
    
.leftbutton
{
    margin:auto; text-align:center;
    padding-left: 10px;
}


.comboauto{ width:auto;height:auto; color:orangered;font-size:16pt;}


.rightbutton
{ 
	float: right;
	position: relative;
	top: 80px;right:5px;
    font-size :.9em;
    display: inline;
}



.panelmovil
{font-size:small; display:inline; text-align:left;margin:0 0 0 0; background-color:#FFF7E7;
 text-align:left; position:absolute; border:3px  solid #8C4510; z-index:999;
}

.LabelGreen {
    color:green;  font-size:medium;
}

.NiceButton { border-radius:20px; background-color:Black; color:White; margin: 0 5px 0 0;
              padding:2px 5px; width:auto; font-weight:bold; cursor:pointer; }


.RedButton { border-top-left-radius:6px;  background-color:red;color:White; width:100%; font-weight:bold; cursor:pointer;}

.YellowButton { border-top-left-radius:6px;  background-color: goldenrod;color:White; width:100%; vertical-align:middle; font-weight:bold; cursor:pointer;}

.GreenButton { border-top-left-radius:6px;  background-color:green; color:White;  width:100%; vertical-align:middle; font-weight:bold; cursor:pointer;}

.BrownButton { border-top-left-radius:6px;  background-color:saddlebrown; color:White; width:100%; vertical-align:middle; font-weight:bold; cursor:pointer;}

.BlackButton { border-top-left-radius:6px; background-color:black; color:white;  width:100%; vertical-align:top; font-weight:bold; cursor:pointer; }

.NButton { border-radius:12px; background-color:Black; color:White;margin:20px 20px 0px 0;
              padding:3px 10px 3px 10px; width:auto; font-weight:bold; cursor:pointer; }
              
.SButton { border-radius:12px; background-color:#5D7B9D; color:Lime ; margin:20px 5px 0 0 ; padding: 4px 6px; width:auto; font-weight:bold; cursor:pointer; }

                            
.NicetxtDate { text-align:center; width:100px; cursor:pointer;margin: 20px 0px 0 0; border-top-left-radius:6px; border-top-right-radius:6px;  }

.NicetxtBox { text-align:center; cursor:pointer;margin: 20px 0px 0 0; border-top-left-radius:6px; border-top-right-radius:6px;  }

.Nicecombo { text-align:center; cursor:pointer; margin: 20px 20px 0 0; border-top-left-radius:6px; border-top-right-radius:6px;
}

.NiceLabel{ border-top-left-radius:6px; border-top-right-radius:8px; background-color:#5D7B9D; color:White; width:auto; height:auto; 
            margin: 20px 3px 0 0;  font-size:1.2em;  font-weight:bolder; padding:10px;}
            
.StLabel{ background-color:White; color:#5D7B9D; width:auto; height:auto; padding:5px; font-size: .9em; font-weight:bold;  }
            
            
.toolTip { position:absolute; padding:4px 8px;background-color:#F4F4F4; color:Black; text-align:center;  
           z-index:300; box-shadow: 10px 10px 2px rgba(68,68,68,0.6); border: 1px Solid #5D7B9D; height:auto;
           font-size:1em; display:block; font-family: Verdana Geneva Sans-Serif; }
       

.VtoolTip { position:absolute; padding:4px 8px;background-color:#F4F4F4; color:Black; text-align:center;  
           z-index:300; box-shadow: 10px 10px 2px rgba(68,68,68,0.6); border: 1px Solid #5D7B9D; height:auto;
           font-size:1em; display:block; font-family: Verdana Geneva Sans-Serif; }

.WindowBar {background-color:white; width:100%; cursor:pointer;}

.contextMenu 
{ position:absolute; width:auto; background-color:#F4F4F4; color:Black;  z-index:900;
  font-family: Verdana Geneva Sans-Serif; display:none; padding:10px 5px 2px 40px; cursor:pointer;
  box-shadow: 10px 10px 2px rgba(68,68,68,0.6);  }


.contextMenu tr td { width:auto; text-align:left; font-size:10pt; }

.iMenu tr td { width:auto; text-align:left; font-size:10pt; }

.GridGroup { cursor:pointer; z-index:1; margin:0 ; width:100%;}

.scroller { position:relative; height:90px; width:100%; overflow:hidden; float:left;  margin:auto; display:none;  }


.imageMenu{ border-top-left-radius:6px; border-top-right-radius:8px; background-color:white; color:black; width:auto; height:auto; 
            margin: 20px 3px 0 0;  font-size:1.2em;  font-weight:bolder; padding:5px;}

.menuRowSelected { background-color:white; border:2px solid black;} 


.selectedCell  {background-color:#FFFFFF; border:2px groove black; }  

.TTSection { position:absolute; padding:10px; height:auto; border:1px Solid Black; width:auto;
            background-color:white; color: Black; display:inline; font-weight:bold; border-top-left-radius:2px; text-align:center; 
            font-size:1.1em; box-shadow: 10px 10px 2px rgba(34,34,68,0.4);
            cursor:pointer; z-index:30000;
  } 

.rSection { position:absolute; left:55%; top:10px; margin:0; 
            color:#5D7B9D; display:inline; z-index:990000;
            text-align:left; font-size:1.4em; cursor:pointer; width:auto; } 


.reportSection { position:relative; display:inline; top:0px; margin:0;color:#5D7B9D; background-color:#f4f4f4; width:300px;
                 max-height:400px; overflow-y:scroll; z-index:990000; display:none; cursor:pointer; }
            
.VacSection {background-color:#F4F4F4; color:#5D7B9D; border-top-left-radius:20px; 
            box-shadow: 10px 10px 2px rgba(68,34,68,0.5);cursor:pointer; } 
                   
.POP { z-index:300; display:none;  width:80%;}

.pictureHide { position:absolute; display:block; height:40px; width:50px; top:50px; left:240px;}

.Titulo {font-size:1.2em; color:#009090; font-weight:bold;}
.SubTitulo {padding: 2px;font-size:0.4em; background-color:#F4F4F4; color:#009090; font-weight:bold;}
.rowGreen {font-size:.3em;width:100%; background-color:#BFD8BC;padding:0; color:Black; text-align:center;}
.rowAlt {font-size:.3em;width:100%; background-color:#F4F4F4;padding:0; color:Black; text-align:center;}
.RegularGrid { background-color:#BFD8BC; color:#284775; text-align:Left; }
.AlternateGrid { background-color:#FFFFFF; color:#284775; text-align:Left;}
.HeaderGrid {background-color:#5D7B9D; font-weight:bold; color:White; }


.NicePanel{ border-top-left-radius:6px; border-top-right-radius:8px; background-color:#5D7B9D; color:White; width:auto; height:auto; 
            margin: 30px 0 40px 0;  font-size:1.2em;  font-weight:bolder; padding:0 10px 20px 10px;}
            


.NiceP{  background-color:#5D7B9D; color:White; margin: 0;   padding:0 ;}

.TitleLabel{ border-top-left-radius:12px; border-top-right-radius:12px; background-color:#5D7B9D; color:White; width:auto; height:auto; 
            margin: 20px 20px 50px 0;  font-size:1.2em;  font-weight:bolder; padding:15px 20px 0 20px; text-align:center; vertical-align:top;}
            

.PosLabel{ color:White; width:90%; height:auto; font-size:0.9em;  font-weight:bolder; text-align:center;}
            
.SubLabel{ color:Lime;  width:auto; height:auto; text-align:center;font-size:0.6em;  font-weight:bolder; cursor:pointer; }


.SSection { position:absolute; top:40px; left:40px; padding:10px 10px 4px 10px; height:auto; border:1px Solid Black; width:auto; display:none;
            background-color:#F4F4F4; color: Black; display:inline; font-weight:bold; border-top-left-radius:12px; text-align:center; 
            font-size:1.4em; box-shadow: 10px 10px 2px rgba(34,34,68,0.4); 
            cursor:pointer; z-index:300;}

.MenuLabel
{ font-size:14pt; cursor:pointer;
}

.SelectedLabel
{ color:red; font-size:14pt; cursor:pointer; border: 2px solid Black;
}

.txtDate { text-align:center; width:100px; cursor:pointer; border-top-left-radius:6px; border-top-right-radius:6px;  }

.NiceDiv
{   
    border-top-left-radius: 6px;
    border-top-right-radius: 8px;
    background-color: #5D7B9D;
    color: #E4E4E4;
    width: 95%;
    height: auto;
    margin: 20px auto;
    font-size: 1.0em;
}


.belleDiv
{   
    border-top-left-radius: 6px;
    border-top-right-radius: 8px;
    text-align:center; 
    margin:auto;
    width:98%;
    font-size: 21pt;
    background-color: #E4E4E4;
    border-color:#000000;
    border-top-width: 4px; 
    border-top-style:solid; 
    border-right-width: 4px; 
    border-right-style:solid; 
    color: #201F20;
    font-weight: normal;
}

.hid{ display:none;}

.passElig {    padding-left:10px;color:lime;}
.failElig {    padding-left:10px;color:lightpink;}
.warnElig {    padding-left:10px;color:palegoldenrod;}
.bySelf { padding-left:10px;color:lightblue;}
.colordown { padding-left:10px;color:lightblue;}