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

/*

<div class="tableRow">
	<span class="tableTimeHeader">Time</span>
    <span class="tableArtistHeader">Artist</span>
    <span class="tableTitleHeader">Title</span>
</div>

*/
.tableRow{

	min-height:23px;

}

#pageTitle{
	width:100%;
	height:26px;
	text-align:center;
	border:0px solid;
	border-color:#000000;
	padding:2px;
	margin:0px;
	background-color:#333333;
	color:#FFFFFF;
	font-size:20px;
	background-image:url(../images/TableHeaderBackground.jpg);
	background-repeat:repeat-x;
}

.tableTimeHeader{
	width:10%;
	height:23px;
	text-align:center;
	border:1px solid;
	border-color:#000000;
	display:inline-block;
	padding:2px;
	margin:1px;
	background-color:#333333;
	color:#FFFFFF;
	font-weight:bold;
}
.tableNumberHeader{
	width:15px;
	height:23px;
	text-align:center;
	border:1px solid;
	border-color:#000000;
	display:inline-block;
	padding:2px;
	margin:1px;
	background-color:#333333;
	color:#FFFFFF;
	font-weight:bold;
}
.tableArtistHeader{
	width:25%;
	height:23px;
	text-align:center;
	border:1px solid;
	border-color:#000000;
	display:inline-block;
	padding:2px;
	margin:1px;
	background-color:#333333;
	color:#FFFFFF;
	font-weight:bold;
}
.tableTitleHeader{
	width:25%;
	height:23px;
	text-align:center;
	border:1px solid;
	border-color:#000000;
	display:inline-block;
	padding:2px;
	margin:1px;
	background-color:#333333;
	color:#FFFFFF;
	font-weight:bold;
}
.tableRequesterHeader{
	width:25%;
	height:23px;
	text-align:center;
	border:1px solid;
	border-color:#000000;
	display:inline-block;
	padding:2px;
	margin:1px;
	background-color:#333333;
	color:#FFFFFF;
	font-weight:bold;
}
.tableOriginHeader{
	width:100px;
	height:23px;
	text-align:center;
	border:1px solid;
	border-color:#000000;
	display:inline-block;
	padding:2px;
	margin:1px;
	background-color:#333333;
	color:#FFFFFF;
	font-weight:bold;
}






.tableTime{
	width:10%;
	height:100%;
	text-align:center;
	border:1px solid;
	border-color:#999999;
	display:inline-block;
	padding:2px;
	margin:1px;
	background-color:#CCCCCC;
	color:#000000;
}
.tableNumber{
	width:15px;
	height:100%;
	text-align:center;
	border:1px solid;
	border-color:#999999;
	display:inline-block;
	padding:2px;
	margin:1px;
	background-color:#CCCCCC;
	color:#000000;
}
.tableArtist{
	width:25%;
	height:100%;
	text-align:center;
	border:1px solid;
	border-color:#999999;
	display:inline-block;
	padding:2px;
	margin:1px;
	background-color:#CCCCCC;
	color:#000000;
}
.tableTitle{
	width:25%;
	height:100%;
	text-align:center;
	border:1px solid;
	border-color:#999999;
	display:inline-block;
	padding:2px;
	margin:1px;
	background-color:#CCCCCC;
	color:#000000;
}
.tableRequester{
	width:25%;
	height:100%;
	text-align:center;
	border:1px solid;
	border-color:#999999;
	display:inline-block;
	padding:2px;
	margin:1px;
	background-color:#CCCCCC;
	color:#000000;
}
.tableOrigin{
	width:100px;
	height:100%;
	text-align:center;
	border:1px solid;
	border-color:#999999;
	display:inline-block;
	padding:2px;
	margin:1px;
	background-color:#CCCCCC;
	color:#000000;
}

table {
  border-collapse: separate;
  margin-left: auto;
  margin-right: auto;
  width:93%;
}

table td {
  text-align:center;
  border:1px solid;
  border-color:#999999;
  padding:2px;
  margin:1px;
  background-color:#CCCCCC;
  color:#000000;
}

table th {
  text-align:center;
  border:1px solid;
  border-color:#000000;
  padding:2px;
  margin:1px;
  background-color:#333333;
  color:#FFFFFF;
  font-weight:bold;
}