﻿
/*tr.td.table.tbody.tr.td.futsaw {
	padding-right: 10px; 
	margin-right: 10px; 
	font-size: 10pt;
}*/
        .futsaw td
        {
            padding: 0 8px 0 0;
        }
        .futsaw span
        {
            font-weight: bold;
        }
        .futsaw a
        {
            font-weight: normal;
        }
@media only screen and (max-width: 800px) {
    img.img-head 
    {
        width: 98%;
	    height: auto;
    }
	td.ttlsaw {
       visibility: visible;
       font-weight: bold;
       vertical-align: top;
    }
    td.tblsaw {
        width:100%;
       display: block;
       vertical-align: top;
    }
    
    /*table.tblsaw1, thead.tblsaw1, tbody.tblsaw1, th.tblsaw1, */
    table.tblsaw1, td.tblsaw1, tr.tblsaw1 { 
		display: block; 
	}
	table.tblsaw1{ 
		width: 344px; 
	}
	td.tblsaw1 { 
		/* Behave  like a "row" */
		/*border: none;
		border-bottom: 1px solid #eee; */
		position: relative;
		margin-left: 110px; 
		width: 200px;
	}
	
	td.tblsaw1:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: -1px;
		left: -110px;
		width: 110px; 
		/*height: inherit;
		padding-right: 10px; */
		padding-top: 8px;
		padding-bottom: 8px;
		background-color: inherit;
		border: inherit;
	}
    td.tblsaw1:nth-of-type(1):before { content: "Spec #: "; height: inherit;}    	
    td.tblsaw1:nth-of-type(2):before { content: "Commodity: "; height: inherit;}    	
    td.tblsaw1:nth-of-type(3):before { content: "Contract #, Awardee:"; height: 40px; }    	
    td.tblsaw1:nth-of-type(4):before { content: "Expiration:"; height: inherit;}   
    
    tr.hedsaw {
		position: absolute;
		top: -9999px;
		left: -9999px;
    }
    tr.futsaw {
		position: relative;
		width: 335px;
		top: 4px;
		left: 10px;
		margin-left: 10px; 
		border: 2px 0 2px 0;
    }
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		/*border-bottom: 1px solid #eee; */
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 	#no-more-tables span.x { 
		visibility: collapse;
	}
	/*
	Label the data
	*/
	#no-more-tables td:before  
	{
	    content: attr(data-title); 
	}
		
    #no-more-tables table.y { 
		/*visibility: collapse;*/
		font-size:1%;
	}
    #no-more-tables tr.y { 
		/*visibility: collapse;*/
		font-size:1%;
	}
    #no-more-tables td.y { 
		/*visibility: collapse;*/
		font-size:1%;
	}
    #no-more-tables td.y img { 
		height: 1px;
		width: 1px;
    }
	/*
	Label the data
	*/
	#no-more-tables td:before  
	{
	    content: attr(data-title); 
	}
	
/**************************************/

	#no-mo-tables table, 
	#no-mo-tables thead, 
	#no-mo-tables tbody, 
	#no-mo-tables th, 
	#no-mo-tables td, 
	#no-mo-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-mo-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-mo-tables tr { border: 1px solid #ccc; }
 
	#no-mo-tables td { 
		/* Behave  like a "row" */
		border: none;
		/*border-bottom: 1px solid #eee; */
		position: relative;
		padding-left: 35%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-mo-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 30%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 	#no-mo-tables span.x { 
		visibility: collapse;
	}
	/*
	Label the data
	*/
	#no-mo-tables td:before  
	{
	    content: attr(data-title); 
	}
		
    #no-mo-tables table.y { 
		/*visibility: collapse;*/
		font-size:1%;
	}
    #no-mo-tables tr.y { 
		/*visibility: collapse;*/
		font-size:1%;
	}
    #no-mo-tables td.y { 
		/*visibility: collapse;*/
		font-size:1%;
	}
    #no-mo-tables td.y img { 
		height: 1px;
		width: 1px;
    }
	/*
	Label the data
	*/
	#no-mo-tables td:before  
	{
	    content: attr(data-title); 
	}


/****************************************/


/**************************************/

	#mo-tables table, 
	#mo-tables thead, 
	#mo-tables tbody, 
	#mo-tables th, 
	#mo-tables td, 
	#mo-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#mo-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#mo-tables tr { border: 1px solid #ccc; }
 
	#mo-tables td { 
		/* Behave  like a "row" */
		border: none;
		/*border-bottom: 1px solid #eee; */
		position: relative;
		padding-left: 10%; 
		white-space: normal;
		width:95%;
		text-align:left;
	}
 
	#mo-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 1%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
		background-color:red;
	}
 	#mo-tables span.x { 
		visibility: collapse;
	}
	/*
	Label the data
	*/
	#mo-tables td:before  
	{
	    content: attr(data-title); 
	}
		
    #mo-tables table.y { 
		/*visibility: collapse;*/
		font-size:1%;
	}
    #mo-tables tr.y { 
		/*visibility: collapse;*/
		font-size:1%;
	}
    #mo-tables td.y { 
		/*visibility: collapse;*/
		font-size:1%;
	}
    #mo-tables td.y img { 
		height: 1px;
		width: 1px;
    }
	/*
	Label the data
	*/
	#mo-tables td:before  
	{
	    content: attr(data-title); 
	}

/****************************************/

	
	/* Force table to not be like tables anymore */
	#map-tables table, 
	#map-tables thead, 
	#map-tables tbody, 
	#map-tables th, 
	#map-tables td, 
	#map-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#map-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	/*#map-tables tr { border: 1px solid #ccc; }*/
 
	#map-tables td { 
		/* Behave  like a "row" */
		border: none;
		/*border-bottom: 1px solid #eee; */
		position: relative;
		padding-left: 15%; 
		white-space: normal;
		text-align:left;
	}
 
	#map-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 15%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 	#map-tables span.x { 
		visibility: collapse;
	}
	/*
	Label the data
	*/
	#map-tables td:before  
	{
	    content: attr(data-title); 
	}
	     #map-tables td img { 
		text-align: left;
    }

     #map-tables td.y img { 
		height: 1px;
		width: 1px;
    }
    #map-tables select { 
		max-width: 95%;
    }
	/* Force table to not be like tables anymore */
	#cnc-tables table, 
	#cnc-tables thead, 
	#cnc-tables tbody, 
	#cnc-tables th, 
	#cnc-tables td, 
	#cnc-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#cnc-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	/*#cnc-tables tr { border: 1px solid #ccc; }*/
 
	#cnc-tables td { 
		/* Behave  like a "row" */
		border: none;
		/*border-bottom: 1px solid #eee; */
		position: relative;
		/*padding-left: 15%; */
		white-space: normal;
		text-align:left;
	}
 
	#cnc-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding 
		top: 6px;
		left: 6px;*/
		width: 1%; 
		/*padding-right: 10px; */
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}





     #no-mo-tables td[data-title=""] {
      height: 0px;
      padding-top: 0px;
      padding-bottom: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
     }
		
	#gvpger a:before  
	{
	    content: "X"; 
	}
  }

