/* CSS Document */

@media all and (min-width:320px) and (max-width:479px){

#output {
    clear: both !important;
    width: 100% !important;
}
#maincontainer
{
   text-align:center!important;
}
#container1
{
  clear:both!important;
  width:88%!important;
  height:auto!important;
  margin: 2% 0 1% 4% !important;
}
#container2
{
  clear:both!important;      
  width:88%!important;
  height:auto!important;
  margin: 2% 0 1% 4% !important;
}
#container1 .adcontent {
    height: auto !important;
    margin: 2% 0 1% 0% !important;
    width: 100% !important;
}
#case1  
{
   width:88%!important;
}

#output1 {
    clear: both !important;
    width: 100% !important;
	margin-bottom: 3% !important;
}

#table
{
    margin: 0 0 1em;
    overflow-y: auto;
    width: 100%;
}
#case1.acttable
{
  width:335%!important;    
}
#thead
{
   width:335%!important;
}
#newincident span
{
   
    float:left!important;
	margin-left: 0 !important;

}

}
@media all and (min-width:480px) and (max-width:550px){

#output {
    clear: both !important;
    width: 100% !important;
}
#maincontainer
{
  text-align:center;
}
#container1
{
  clear:both!important;
  width:88%!important;    
  height:auto!important;
  margin: 2% 0 1% 4% !important;
}
#container2
{
  clear:both!important;      
  width:88%!important;
  height:auto!important;
  margin: 2% 0 1% 4% !important;
}
#container1 .adcontent {
    height: auto !important;
    margin: 2% 0 1% 0% !important;
    width: 100% !important;
}
#case1  
{    
   width:88%!important;
}
#output1 {
    clear: both !important;
    width: 100% !important;
	margin-bottom: 3% !important;
}
#table
{
    margin: 0 0 1em;
    overflow-y: auto;
    width: 100%;
}
#case1.acttable
{
  width:223%!important;    
}
#thead  
{   
   width:223%!important;
}
#newincident span
{
   
    float:left!important;
	margin-left: 0 !important;

}

}
@media all and (min-width:550px) and (max-width:650px){

#output {
   
    width: 25% !important;
}
#container1
{
  clear:both!important;
  width:88%!important;
  height:auto!important;
  margin: 2% 0 1% 4% !important;
}
#container2
{
  clear:both!important;      
  width:88%!important;
  height:auto!important;
  margin: 2% 0 1% 4% !important;
}
#container1 .adcontent {    
    height: auto !important;
    margin: 2% 0 1% 0% !important;
    width: 100% !important;
}
#case1  
{
   width:88%!important;
}     

#output1 {
   width:100% !important;
}
#case1.acttable
{
  width:333%!important;    
}
#thead
{
   width:335%!important;
}
#table
{
    margin: 0 0 1em;
    overflow-y: auto;
    width: 100%;   
}
#newincident span
{
   
    float:left!important;
	margin-left: 0 !important;

}
}
@media all and (min-width:651px) and (max-width:850px){    


#case1
{    
   width:86%!important;
}
#name
{
   width:26%!important;
}
#output {
   
    width:25% !important;
}
#output1 {
  width:auto!important;
   margin-right:2%!important;   
}
#case1.acttable
{   
  width:190%!important;    
}
#thead
{
   width:192%!important;
}
#table
{
    margin: 0 0 1em;
    overflow-y: auto;
    width: 100%;   
}
}
 @media all and (min-width:850px) and (max-width:1050px){    

#case1
{    
   width:80%!important;
}
#output1 {    
   width:auto!important;
   margin-right:2%!important;
}
#case1.form 
{   
  width:35%!important;   
}
#output.assessment  
{
    margin-right: 3% !important;
    width:22% !important;
}
#print   
{
   margin-left:35%!important;
}
#case1.acttable   
{   
  width:98%!important;    
}
#act-head.pati
{
   width:16%!important;
}
.agency-hdr #empsta
{
  width:67%!important;
}
.drop, .drop:hover{
WIDTH:20.6%!IMPORTANT;
-webkit-padding-start:1.4%!important;
}
}   
 @media all and (min-width:1050px) and (max-width:1200px){   
 
 #output1 {    
   width:auto!important;
   margin-right:2%!important;
}
#print
{
   margin-left:40%!important;
}
#output.assessment  
{
    margin-right: 3% !important;
    width:22% !important;
}
.agency-hdr #empsta
{
  width:68%!important;
}
.drop, .drop:hover{
WIDTH:19.2%!IMPORTANT;
-webkit-padding-start:0.5%!important;
}

 }  
@media all and (min-width:1201px) and (max-width:1300px){   
.agency-hdr #empsta
{
  width:68%!important;
}

.drop, .drop:hover{
width: 17.5% !important;
-moz-padding-end: 3%!important;
-webkit-padding-start:1%!important;
}
#chrom
{
-webkit-padding-start:0%!important;
}