.pretty-table{
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
  border: 1px solid #333;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: darkgreen;
  background:lightcyan;
}
.shadow{
	box-shadow:10px 10px 20px #000000;
  	-webkit-box-shadow:10px 10px 20px #000000;
  	-moz-box-shadow: 10px 10px 20px rgb(0, 0, 0);
}
td.grad{
	background: url('../../images/grad1.jpg') bottom left;
	width: 250px;
}
td.gradID{
	background: url('../../images/grad1.jpg') bottom left;
	width: 40px;
	text-align:right;
}
td.gradPWD{
	background: url('../../images/grad1.jpg') bottom left;
	width:120px;
}
td.gradDate{
	background: url('../../images/grad1.jpg') bottom left;
	width:120px;
	text-align:center;
}
td.gradsmall{
	background: url('../../images/grad1.jpg')bottom;
	width: 100px;
	color:#000;
}
td.gradhuge{
	background:url('../../images/gradient.jpg')bottom left repeat-x;
	background-color:white;
	width: 358px;
}

.pretty-table caption{
  caption-side: bottom;
  font-size: 0.9em;
  font-style: italic;
  text-align: right;
  padding: 0.5em 0;
}

.pretty-table th, .pretty-table td{
  border: 1px dotted #666;
  padding: 0.5em;
  color:darkgreen;
}

.pretty-table th[scope=col]{
  color: #000;
  background:darkcyan;
  //background-color: #8fadcc;
  text-transform: uppercase;
  font-size: 11px;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
}

.pretty-table th+th[scope=col]{
  color: #fff;
  //background-color: #7d98b3;
  border-right: 1px dotted #666;
}

.pretty-table th[scope=row]{
  //background-color: #b8cfe5;
  border-right: 2px solid #333;
}

.pretty-table tr.alt th, .pretty-table tr.alt td{
  //color: #2a4763;
  //background:white;
}

.pretty-table tr:hover th[scope=row], .pretty-table tr:hover td{
  //background-color: #632a2a;
  background:lightcyan;
  color: #000;
}