﻿/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

table th { font-weight: bold; }
table td, table th { padding: 7px 10px; text-align: left; }

.new_imgsmall{ display:none}

	


@media only screen and (max-width: 767px) {
	
	table.responsive { margin-bottom: 0; }
	.date_arti{ color:#000; margin-top:-10px; font-weight:bold;}

	.new_imgfull{ display:none !important}
	.new_imgsmall{ display:inline-block}

	
	.pinned { display:none; position: absolute; left: 0; top: 0; background: #fff; width: 20%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable table { margin-left:0%; }
	div.table-wrapper div.scrollable { overflow:auto;}	
	
	table.responsive td, table.responsive th { display: block;width: 100%; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
}

/* -----------------------------------------
   Page Name 1
----------------------------------------- */
/*
@media only screen and (max-width: 767px) {
	
	table.responsive { margin-bottom: 0; }
	.date_arti{ color:red}
	.new_imgfull{ display:none !important}
	.new_imgsmall{ display:inline-block}
	
}
	
	.pinned { display:none; position: absolute; left: 0; top: 0; background: #fff; width: 20%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable table { margin-left:0%; }
	div.table-wrapper div.scrollable { }	
	
	table.responsive td, table.responsive th {display: block;width: 100%;}
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
}
*/


/* -----------------------------------------
   Page Name 2
----------------------------------------- */


