.hor-mini
{
	background: #fff;
	margin: 0px;
	width: 95%;
	border-collapse: collapse;
	
}
.hor-mini caption{
  padding: .2em .8em;
 }

.hor-mini caption {
  background:#666 ;
  font-weight: bold;
  font-size: 1.3em;
  color: #fff;
}
.hor-mini tfoot {border-bottom: 1px solid #333;}
.foot{font-weight: bold;}

.hor-mini th
{
	font-size: 1.1em;
	text-align: center;
	background: #777;
	font-weight: normal;
	color: #fff;
	padding: 10px 8px;
	border-bottom: 2px solid #000;
}
.hor-mini td
{	
	color: #333;
	padding: 6px 8px;
	text-align: center;
}
.hor-mini tbody tr:hover td
{
	color: #000;
}

.hor-mini-1
{
	background: #fff;
	margin: 0px;
	width: 95%;
	border-collapse: collapse;
	text-align: left;
}
.hor-mini-1 caption{
  padding: .2em .8em;
 }

.hor-mini-1 caption {
  background:#666 ;
  font-weight: bold;
  font-size: 1.3em;
  color: #fff;
}
.hor-mini-1 tfoot {border-bottom: 1px solid #333;}
.foot{font-weight: bold;}

.hor-mini-1 th
{
	font-size: 1.1em;
	background: #777;
	font-weight: normal;
	color: #fff;
	padding: 10px 8px;
	border-bottom: 2px solid #000;
}
.hor-mini-1 td
{	
	color: #333;
	padding: 6px 8px;
}
.hor-mini-1 tbody tr:hover td
{
	color: #000;
}


.hor-mini-b
{
	/*table-layout:fixed;*/
	background: #fff;
	margin:0px;
	width: 90%;
	border-collapse: collapse;
	font-size: 0.7em;
	text-align: left;
	word-wrap: break-word;
	
}
.hor-mini-b caption{
  padding: .2em .8em;
 }

.hor-mini-b caption {
  background:#666 ;
  font-weight: bold;
  font-size: 1.3em;
  color: #fff;
}

.hor-mini-b th
{
	font-size: 0.9em;
	background: #888;
	font-weight: normal;
	color: #fff;
	text-align: center;
	border-bottom:1px solid #888;

}
.hor-mini-b td
{
border-bottom: 2px solid #333;
color: #333;
/*padding: 3px 4px;*/
text-align: center;
/*width:1px;*/
word-wrap: break-word;
}
.hor-mini-b tbody tr:hover td
{
	color: #000;
}


table { 
  width: 95%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #fff; 
}
/* NO Zebra striping */
.nozebra tr:nth-of-type(odd) { 
  background: #fff; 
}

th { 
  background: #333; 
  color: white; 
  font-size: 1em;
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
   font-size: 0.9em;
  text-align: left; 
}



@media screen and (min-width: 150px) and (max-width: 500px) {

.hor-mini{ font-size: 0.8em;}
.hor-mini caption{font-size: 1em;}
.hor-mini th{font-size: 0.9em;}
.hor-mini-b{ font-size: 0.6em;}
.hor-mini-b caption{font-size: 0.8em;}
.hor-mini-b th{font-size: 0.7em;}
	/*table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	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;
	}

	}