@charset "utf-8";
/* CSS Document */

table.example {
	width:97%;
	border:1px solid black;
	border-collapse:collapse;
	font-family:Arial, Helvetica, sans-serif;
	
}
table.example th, table.example td {
	border:1px solid #aaaaaa;
	padding: 2px 15px 2px 15px;
	font-size:0.8em;
}
table.example thead th {
	
  background-color: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D6D6D6', endColorstr='#D1D1D1', GradientType=0 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #D6D6D6), color-stop(80%, #D1D1D1));
  background-image: -webkit-linear-gradient(top, #D6D6D6 20%, #D1D1D1 80%);
  background-image: -moz-linear-gradient(top, #D6D6D6 20%, #D1D1D1 80%);
  background-image: -o-linear-gradient(top, #D6D6D6 20%, #D1D1D1 80%);
  background-image: linear-gradient(#D6D6D6 20%, #D1D1D1 80%);
	color:#000;
	font-size:0.9em;
	padding: 5px 15px 5px 15px;
}

table.example thead th.myCol{
background-color: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bd8fa', endColorstr='#0acae7', GradientType=0 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3bd8fa), color-stop(80%, #0acae7));
  background-image: -webkit-linear-gradient(top, #3bd8fa 20%, #0acae7 80%);
  background-image: -moz-linear-gradient(top, #3bd8fa 20%, #0acae7 80%);
  background-image: -o-linear-gradient(top, #3bd8fa 20%, #0acae7 80%);
  background-image: linear-gradient(#3bd8fa 20%, #0acae7 80%);
	color:#000;
	font-size:0.9em;
	padding: 5px 15px 5px 15px;
}

table.example thead th.myHead{
background-color: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C4C4C4', endColorstr='#B0B0B0', GradientType=0 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #C4C4C4), color-stop(80%, #B0B0B0));
  background-image: -webkit-linear-gradient(top, #C4C4C4 20%, #B0B0B0 80%);
  background-image: -moz-linear-gradient(top, #C4C4C4 20%, #B0B0B0 80%);
  background-image: -o-linear-gradient(top, #C4C4C43 20%, #B0B0B0 80%);
  background-image: linear-gradient(#C4C4C4 20%, #B0B0B0 80%);
	color:#000;
	font-size:0.9em;
	padding: 5px 15px 5px 15px;
}

table.example tr td {
	background-color:#EFEFEF;}

table.example tr td.myCol {
	
  background-color:#DDF0FF;
}

table.example tfoot td {
	
  background-color: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D6D6D6', endColorstr='#D1D1D1', GradientType=0 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #D6D6D6), color-stop(80%, #D1D1D1));
  background-image: -webkit-linear-gradient(top, #D6D6D6 20%, #D1D1D1 80%);
  background-image: -moz-linear-gradient(top, #D6D6D6 20%, #D1D1D1 80%);
  background-image: -o-linear-gradient(top, #D6D6D6 20%, #D1D1D1 80%);
  background-image: linear-gradient(#D6D6D6 20%, #D1D1D1 80%);
	color:#000;
	font-size:0.9em;
	padding: 5px 15px 5px 30px;
	
}

table.example tr.tbody_header {
	font-weight:bold;
	text-align:center;
	background-color:#dddddd;
}

table.example a.pagelink {
	padding-left:5px;
	padding-right:5px;
	border:1px solid #666666;
	margin:0px 5px 0px 5px;
}
table.example a.currentpage {
	background-color:yellow;
}
/* Striping */
tr.alternate {
	background-color:#EFEFEF;
}


/* Sorting */
th.table-sortable {
	cursor:pointer;
	background-image:url("icons/unsorted.png");
	background-position:center left;
	background-repeat:no-repeat;
}
th.table-sorted-asc {
	background-image:url("icons/dec.png");
	background-position:center left;
	background-repeat:no-repeat;
}
th.table-sorted-desc {
	background-image:url("icons/asc.png");
	background-position:center left;
	background-repeat:no-repeat;
}
th.table-filtered {
	background-image:url("filter.gif");
	background-position:center left;
	background-repeat:no-repeat;
}


select.table-autofilter {
	font-size:smaller;
	margin-top:5px;
	max-width:150px;
}

/* Examples which stray from the default */
table.altstripe tr.alternate2 {
	background-color:#ccffff;
}

table.altstripe tr.alternate2 td.myCol  {
	background-color:#0066FF;
}

/* Follow sony AP format */

.BacktoTop{
	text-align:right;
	padding-right:2%;
}

.LastUpdated{
	text-align:right;	
	padding-right:2%;
}

table.example ul li {
	padding-top: 10px;
	
}