.roundbox-tr {
	margin: 0;
	padding: 0;
	background: url("roundbox_tr2.gif") no-repeat right top;
}

/* top-left corner and left side */
.roundbox-tl {
	margin:0px;
	padding:0;
	background: url("roundbox_tl2.gif") no-repeat left top;
	width: 30px;
}

/* bottom-right corner and bottom side */
.roundbox-br {
	margin:0;
	padding:0;
	background: url("roundbox_br2.gif") no-repeat right bottom;
}

/* bottom-left corner */
.roundbox-bl {
	margin:0;
	padding:0;
	background: url("roundbox_bl2.gif") no-repeat left bottom;
	height: 30px;
}

/* content div, it could be omitted (the content going into "roundbox-bl" but I felt that alinging the content was easier 
with "roundbox-content" in place */
.roundbox-content {
	margin:0;
	padding-top: 1px;
	padding-right: 30px;
	width: 0px;
	height: 0px;
	visibility: hidden;
}

.roundbox-content p {
	margin:0;
	padding:0;
	line-height:1.6;
	font-family:"Courier New", Courier, mono;
	font-size: 14px;
}
div#table_div
{ 
	visibility: hidden;
	position:absolute;
	z-index: 100;
}
div#content_div input {
	border-style: none;
	border-bottom: 1px dashed #000000;
	background-color:#DCD6A6;
	color: #336600;
	font-family:"Courier New", Courier, mono;
	font-size: 14px;
}
.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}

a.button {
	background: transparent url('bg_button_a.gif') no-repeat scroll top right;
	color: #444;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}

a.button span {
	background: transparent url('bg_button_span.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
}

a.button:active {
	background-position: bottom right;
	color: #000;
	outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
}