/****************** 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	@media (min-width: 860px) and (max-width: 1024px)
********************/
@media (max-width: 48em){
.container {
     margin-left: -10px !important; 
     margin-right: 0px !important;
}
}
@media (min-width: 48em){
.container {
     margin-left: 35px !important; 
     margin-right: 15px !important;
}
}
  	@media 
	only screen and (max-width: 860px),
	(min-device-width: 860px) and (max-device-width: 1024px) {
	
		/******************** Force table to not be like tables anymore ********************/
		#fda_table table, tbody, tr, td { 
			display: block; 
			float: left;
			clear: both;			
		}
		
		/******************** Hide table headers (but not display: none;, for accessibility) ********************/
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
			font-weight: bold;
		}
		
		#fda_table tr { border: 1px solid #ccc; }
		
		#fda_table td { 
			/******************** Behave  like a "row" ********************/			
			border-bottom: 1px solid #eee; 
			position: relative !important;
			padding-left: 62% !important; 
		}
		
		#fda_table td:before { 
			/******************** Now like a table header ********************/
			position: absolute;			
			top: 6px;
			left: 6px;			 
			padding-right: 5%;
		}
		
		/******************** Label the data ********************/
		/******************** SE:WSHA-2746 ********************/
		#fda_table td.asc_id:before { font-weight:bold; content: "ASC_ID*"; }
		#fda_table td.chrg_code:before { font-weight:bold; content: "CHRG_CODE"; }
		#fda_table td.chrg_stmnt_text:before { font-weight:bold; content: "CHRG_STMNT_TEXT"; }
		#fda_table td.sctn_name:before { font-weight:bold; content: "SCTN_NAME"; }		
		
		/******************** end structure top view table ********************/
		
			
		/******************** structure bottom table ********************/
		#fda_sTable table, tbody, tr, td { 
			display: block; 
			float: left;
			clear: both;
			width:100%;				
		}
		
		#fda_sTable td {
			/******************** Behave  like a "row" ********************/			
			border-bottom: 1px solid #ccc !important; 
			position: relative !important;
		}	
 
		/******************** end structure bottom table ********************/		
		
	
		/******************** violations table ********************/
		/******************** Force table to not be like tables anymore ********************/
		#fda_vTable table, tbody, tr, td { 
			display: block; 
			float: left;
			clear: both;			
		  	border: 1px;
		}
		
		#fda_vTable th { 
			height:4%;
			min-height:40px !important; 
		}
		
		/******************** Hide table headers (but not display: none;, for accessibility) ********************/
		#fda_vTable thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
			font-weight: bold;			
		}
			
		#fda_vTable tr { border: 1px solid #ccc; }
		
		#fda_vTable td { 
			/******************** Behave  like a "row" ********************/
			border-bottom: 1px solid #eee; 
			position: relative !important;
			border: none;
			padding-left: 50% !important;
			padding-right: 2%;				
			height:4%;			
			min-height:50px !important;
		}
		
			#fda_vTable td:before { 
			/******************** Now like a table header ********************/
			position: absolute;			
			top: 6px;
			left: 6px;
			/*width: 33%;*/
		}		
		
		/******************** Label the data ********************/
		#fda_vTable td.vChrg_code:before { font-weight:bold; content: "Violation Code"; }
		#fda_vTable td.vSctn_name:before { font-weight:bold; content: "Section"; }
		#fda_vTable td.vChrg_stmnt_text:before { font-weight:bold; content: "Charge Statement"; }
		
		/******************** end violations table ********************/
		
		/******************** Detail violation table ********************/
		/******************** Force table to not be like tables anymore ********************/
		#fda_dTable table, tbody, tr, td { 
			display: block; 
			float: left;
			clear: both;
			width:100%;
			border: 1px;
		}
		
		/******************** Hide table headers (but not display: none;, for accessibility) ********************/
		thead tr { 
			position: absolute;			
			font-weight: bold;						
		}	
				
		#fda_dTable tr { border: 1px solid #ccc; }
		
		#fda_dTable td { 
			/******************** Behave  like a "row" ********************/
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative !important;
			padding-left: 38% !important;
			padding-right: 5%;	
			height:3%;
			min-height:40px !important; 
		}
		
		#fda_dTable td:before { 
		/******************** Now like a table header ********************/
			position: absolute;
			left: 6px;
			width: 25%;
		}
		
		/******************** SE:WSHA-2743 ********************/
		#fda_dTable th { 
			height:3%;
			min-height:40px !important; 
		}
		
		/******************** Label the data  ******************/
		#fda_dTable td.vChrg_code:before { font-weight:bold; content: "Violation Code"; }
		#fda_dTable td.vSctn_name:before { font-weight:bold; content: "Section"; }
		#fda_dTable td.vChrg_stmnt_text:before { font-weight:bold; content: "Charge Statement"; }
		
		
		
		/******************** end Detail violations table ********************/		
		/*SE:WSHA-2746 */
		
		.table-bordered > thead > tr > th,
		.table-bordered > tbody > tr > td,
		.table-bordered > thead  > tr > th,
		.table-bordered > tbody > tr > th	{
			border: 0px none !important;				 
		}
	}