#followupcontent{
    width:1000px;
    float:left;

}
#followupcontent #titlebar{
    float:left;
    width:100%;
    height:20px;
    background-color: darkseagreen;
    text-align:center;
}
#followupcontent #titlebar #openclosefilter{
    float:right;
    color: white;
    font-weight: bold;
    width:200px;
}
#followupcontent #titlebar #title{
    
    margin-right:10px;
    color: white;
    font-weight: bold;
    margin-right:auto;
    margin-left:auto;
     
}

.openclose {
    text-align: center;
    width:30px;
    height:20px;
    float:left;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:20px;
    margin-top:10px;
 padding-bottom:15px;
    padding-left:7px;
    padding-right:10px;

    background-color: darkseagreen;
    font-size:30px;
    color:#ffffff;
    font-weight:bold;
    border-top-right-radius:12px;
    border-top-left-radius:12px;
    border-bottom-right-radius:12px;
    border-bottom-left-radius:12px;
    cursor: pointer;
}
.fufilterbox{
     padding:5px 5px;
      margin:5px 2px;
      height:82px;
         border:thin darkseagreen solid;
         
}
.fufilterbox span{
       color:darkseagreen;
       font-weight:bold;
       text-align:center;
  
}

#slsmanidwrapper{
    float:left;
    width:170px;


}
#slsmanidwrapper span{
   color:darkseagreen;
    float:left;
    width:100%;
margin-top:10px;
text-align: center;

  font-size:18px;
  font-weight:bold;
}
#slsmanidwrapper select{
    float:left;
         clear:left;
         margin-top:10px;
}
#slsmanidwrapper option{
    float:left;
   font-size:18px;
         clear:left;
}

#fu{
    float:left;
    width:80px;

}
.fulabel{
    float:left;
    width:55px;
margin-top:2px;
    height:18px;

}
#fu input{
    float:left;
    width:18px;
    height:18px;
         clear:left;
}
#jobtype{
    float:left;
    width:220px;

}
.jtcol{
    float:left;
    width:24%;
}
.jtlabel{
   margin-right:5px;
    float:left;
    width:20px;
margin-top:2px;
    height:18px;

}
#jthead{
    width:100%;
    float:left;
    text-align:center;
    margin-bottom:5px;
      color:darkseagreen;
        font-weight:bold;
}
#jobtype input{
    float:left;
    width:18px;
    height:18px;
  clear:left;
}
.vert{
margin-top:-17px; 
        -webkit-transform: rotate(270deg);
-webkit-transform-origin-x: 35px;
-webkit-transform-origin-y: 48px;

/* firefox */
-moz-transform:rotate(270deg);
-moz-transform-origin:32px 53px;
    float:left;
  color:darkseagreen;
  font-weight:bold;
}
#city{
    float:left;
    width:150px;
 

}
#city input{
    float:left;
    width:120px;
/*    border:thin darkseagreen solid;
        margin:5px 5px;
   padding:5px 5px;*/
}
#citylabel{

    float:left;
    width:145px;
margin-top:2px;
    height:18px;
  color:darkseagreen;
    font-weight:bold;
}
#citydisplay{
   margin-right:5px;
    float:left;
    width:20px;
margin-top:2px;
    height:18px;

}
.followslideval{
  width:150px; 
  float:left;
}
.followrangewrapper{
    float:left;
    width:270px;
   

}
.highfollowrangewrapper{
    float:left;
    width:100%;
}
.lowfollowrangewrapper{
    float:left;
    width:100%;
}
.followrangewrapper .followslidelabel{
    float:left;
    width:45px;
}
#filterwrapper{
    width:100%;
    float:left;
  overflow:hidden;
}
.filteropen{
    height:115px;
    cursor: n-resize;
}
.filterclosed{
    height:1px;
     cursor: n-resize;
}
#openclosefilter{
    float:left;
    width:100%;
    background-color: darkseagreen;
}
#openclosefilter span{
    float:right;
    margin-right:10px;
   color: white;
   font-weight: bold;
}
.slidedefine{
    float:left;
    margin-left:70px;
/*    margin-top:-7px;
    margin-bottom:-6px;*/
   color:darkseagreen;
   font-size:18px;
   font-weight:bold;
}.queryrange{
  position:relative;
  top:-40px;
   left:201px;
  
/*    margin-top:5px;
    margin-bottom:5px;*/
/*    margin-top:-7px;
    margin-bottom:-6px;*/
   color:#ffffff;
   font-size:18px ;
   font-weight:bold;
   background-color:darkseagreen;
     border-top-right-radius:12px;
    border-top-left-radius:12px;
    border-bottom-right-radius:12px;
    border-bottom-left-radius:12px;
    padding:5px 5px;
    cursor:pointer;
}
.qslidedefine{

    float:left;
   
 margin-top:-3px;
    margin-bottom:7px;
/*    margin-top:-7px;
    margin-bottom:-6px;*/
   color:darkseagreen;
   font-size:18px;
   font-weight:bold;
width:100%;
text-align:center;
    cursor:pointer;
}
#qdayfrom{
    width:140px;
font-family: sans-serif;
}
#qdayto{
    width:140px;
    
}
#dayfromdisplay{
    width:65px;
border:none;
float:left;
color:darkseagreen;
  font-size:16px;
   font-weight:bold;
}
#daytodisplay{
    width:65px;
    border:none;
        float:left;
    color:darkseagreen;
      font-size:16px;
   font-weight:bold;
}
#resultcd{
    float:left;
    width:200px;
 

}
.rccol{
    float:left;
    width:31%;
}
.rclabel{
   margin-right:5px;
    float:left;
    width:20px;
margin-top:2px;
    height:18px;

}
#rchead{
    width:100%;
    float:left;
    text-align:center;
    margin-bottom:1px;
      color:darkseagreen;
        font-weight:bold;
}
#resultcd input{
    float:left;
    width:18px;
    height:18px;
  clear:left;
}

#totals{
    float:left;
    width:120px;



/*   padding:11px 3px;*/
}
#totals span{
    float:left;
    width:110px;

  margin:5px 5px 5px 0px;

}
#protected{
    float:left;
    width:120px;



/*   padding:11px 3px;*/
}
#protected span{
    float:left;
    width:110px;

  margin:5px 5px 5px 0px;

}
#search{
   float:left;
    width:170px;

 
  
}
#search span{
       margin-top:10px;
    float:left;
    width:100%;
      font-weight:bold;
   color:darkseagreen;
   text-align:center;
}
#search input{
    float:left;
    width:95%;
    margin-top:10px;
}
#hopperlist{
 width:100%;
 float:left;
margin-top:10px;
overflow-y: auto;
overflow-x:hidden;

}
.hoppertable tr{
    padding:2px;
    cursor:pointer;
}
.hoppertable td{
    padding:5px 2px;
    font-size:18px;
      border:thin black solid;
}
.hoppertable th{
   
     font-size:20px;
    font-weight:bold;
    background-color:darkseagreen;
    height:20px;
    border:thin black solid;
    text-align: center;
        padding:15px 5px ;
}
.hoppertable{
 width:100%;
 float:left;
margin-top:10px;
}
.hoppertable input{
height:22px;
width:22px;
margin-left:10px;
}
.hoppertable thead{
  width:100%;

 
}
.hoppertable tbody{
    width:100%;
     
   overflow-y:auto;
   overflow-x:hidden;
 
   -webkit-overflow-scrolling: touch; 
}
.claimed{
    color:red;
}
#followsnap{
    float:left;
}
#followsnap div{
    float:left;
      margin-left:10px;
}
#followsnap span{
    float:left;
    height:20px;
  padding:10px;
min-width:30px;
text-align:center;
}
.fsnapval{
    cursor:pointer;
}
.fsnaplabel{
    background-color: #D9D9D9;
}
.fsnapvalgreen{
    background-color: green;
}
.fsnapvalred{
    background-color: red;
}
.fsnapvalyellow{
    background-color: yellow;
}