body {
	margin:0;
	padding:0;
	height:100%; 
	background: url("images/background.gif") repeat-x fixed;
	color:#000;
	font-family:Tahoma,Arial,helvetica,sans-serif;
	font-size: smaller;
	min-height: 100%;
}


/* for the table drag and drop with JQuery */
.tableDemo {
	background-color: white;
	border: 1px solid #666699;
	margin-right: 10px;
	padding: 6px;
}

.tableDemo table {
	border: 1px solid silver;
}

.tableDemo td {
	padding: 2px 6px
}
#table-2 th {
	background-color: #29215A;
	color: white;
}

#table-2 td, th {
	padding-right: 8px;
}

.category td {
	background-color: #E4EBF3;
}

.tDnD_whileDrag {
	background-color: #eee;
}

tr.alt td {
	background-color: #ecf6fc;
}

tr.myDragClass td {
    color: yellow;
    background-color: black;
}

button.imageButton, button.imageBtn {
	background-color: white;
	background-repeat: no-repeat;
	background-position: 1px center;
	border: 1px solid silver;
	padding: 1px 1px 1px 28px;
	height: 30px;
	font-family: Arial;
	cursor: pointer;
}

button.imageBtn:hover {
	text-decoration: underline;
	border: 1px solid gray;
}

button.add {
	background-image: url(images/add.gif);
}

button.remove {
	background-image: url(images/remove.gif);
}