body {
  background:#ffffff;
  margin:0;
  color:#333333;
  font:x-small Verdana;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  /*letter-spacing:.1em;*/
  }


.draggable {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 1em;
    border-radius: 5px 5px 0 0;
    overflow:hidden;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    padding: 15px;
}
.draggable thead tr {
    background-color: #009879;
    color: #ffffff;
    text-align: left;
}
.draggable th,
.draggable td {
    padding: 12px 15px;
}

.draggablee tbody tr {
    border-bottom: 1px solid #dddddd;
}

.draggable tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.draggable tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
}

.draggable th a:link
{
  color:#fff;
}
.draggable th a:visited
{
  color:#fff;
}
a:link {
  color:#000;
  text-decoration:none;
  }
a:visited {
  color:#000;
  text-decoration:none;
  }
a:hover {
  color:#eee;
  text-decoration:underline;
}
input.search
{
  color:#999;
  width:80px;
  margin-left:6px;
  font-family: arial;
  font-size: 8pt;
  font-style:italic;
  border:1px;
  border-color:#ccc;
  border-style:solid;
  border-radius:2px;
  padding:3px;
}
select.search
{
  color:#999;
  width:80px;
  margin-left:6px;
  font-family: arial;
  font-size: 8pt;
  font-style:italic;
  border:1px;
  border-color:#ccc;
  border-style:solid;
  border-radius:2px;
  padding:3px;
}
input.search-active
{

  background-color:#777;
  color:#fff;
  width:80px;
  margin-left:6px;
  font-family: arial;
  font-size: 8pt;
  border:1px;
  border-color:#000;
  border-style:solid;
  border-radius:2px;
  padding:3px;
  box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.3) inset;
}
.searchlabel
{

}
.searchfield
{
  
  float:left;
  font-family: arial;
  font-size: 8pt;
  padding:2px;
  position:relative;
}
.thumbnailcheck
{
	float:left;
}
a img {
  border-width:0;
  outline: none;
  }
:-moz-any-link:focus {
  outline: none;
}
.cover
{
	border-color:#ffffff;
	border-style:solid;
	border-width:1px;
	box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.3)
}
.no-cover
{

}
.belowCover
{
  color:#333333;
  font-family: arial;
  font-size: 8pt;
}
.filterDiv
{
	margin-top:4px;
	width:200px;
	color:#333333;
	font-size: 80%;
	padding:4px;
	text-align:left;
	background-color:#ebebeb;
	-moz-border-radius: 3px 3px 3px 3px;
  
}
h1
{
  color:#333333;
  font: x-small Georgia, Serif;
  font-size: 12pt;
  font-weight: bold;
}


.header
{
	font-size:15px;
}
.pagination a {
font-size: 80%;
border: 1px solid #c7c7c7;
margin: 2px;
padding: 2px;
text-decoration: none;
}
.pagination a:hover {
background-color: #cccccc;
}

.paginationSelected {
background-color: #666666;
color: #FFFFFF;
font-size: 80%;
border: 1px solid #c7c7c7;
margin: 2px;
padding: 2px;
text-decoration: none;
font-weight:bold;
}

.thumbnail
{
	padding:4px;text-align:center;float:left;
	height: 192px;
	width: 150px;
}
#toggleSearch
{
	padding:4px;
	background-color: #eee;
}
input.search_button {
background-image:url('images/table_header.png');
border-color:#888;
border-style:solid;
border-width:1px;
color:#333333;
font: verdana;
font-size: 12px;
font-weight: bold;
cursor:pointer;
-moz-border-radius: 5px;
text-shadow:0 1px 0 #FFCD33;
padding:2px 10px 2px 10px;
}

input.search_button:hover {
color:#fff;
}