/* For text */
div {
	font-family: Arial, Helvetica;
}

/* URLs */
a {
	font-family: Arial, Helvetica;
}

/* Body settings */
body {
	color: white;
	background: none;
	margin: 0px 0px 0px 0px;
}

/* image seetings */
img {
	border-style: none;
}

/* Super-class input settings */
input {
	font-family: Arial, Helvetica;
}

/* Button settings */
input.button {
	height: 24px;
	width: 87px;
}

/* Text fields to consume the remainder of the screen */
input.long-text {
	width: 230px;
}

/* Fixed-width, medium text fields */
input.medium-text {
	width: 80px;
}

/* Fixed-width, small text fields */
input.short-text {
	width: 60px;
}

/* Paragraph settings */
p {
	background: none;
	color: black;
	font-family: Arial, Helvetica;
}

/* Select settings */
select {
	font-family: Arial, Hetvetica;
}

/* Table settings */
table.basic {
	background: white;
	color: white;
	margin: 0px, 0px, 0px, 0px;
}

table.container {
	background: #cccccc; /* lightgray does not show in IE */
	color: white;
	margin: 0px, 0px, 0px, 0px;
}

td {
/*	background: none;*/ /* Bad style but this is needed for color codes to work */
	border-right: 0px;
	border-left: 0px;
	border-top: 0px;
	border-bottom: 0px;

	/* Font attributes */
	color: black;
	font-family: Arial, Helvetica;
}

td.bottom-corner {
	background: url(/icons/vpi/bottom_side.png);
	color: white;
	height: 18px;
}

td.bottom-fade {
	background: url(/icons/vpi/bottom_fade.png);
	color: white;
	height: 18px;
}

td.colorcode {
	/* I need to override the default background */
	height: 20px;
	width: 20px;
}

td.fade {
	background: url(/icons/vpi/fade.png);
	color: white;
	height: 21px;
	width: 148px;
}

td.header {
	font-weight: bold;
}

td.menu {
	width: 166px;
}

td.side {
	background: url(/icons/vpi/side.png);
	color: white;
	height: 21px;
	width: 21px;
}

td.title {
	/* Text stuff */
	color: white;
	font-family: Arial, Helvetica;
	font-weight: bold;
	text-align: left;

	/* Column settings */
	background: url(/icons/vpi/fade.png);
	width: 148px;
}

td.title-basic {
	/* Text stuff */
	color: white;
	font-family: Arial, Helvetica;
	font-weight: bold;
	text-align: left;
}

/* Custom property for hiding stuff in the navigation bar */
.hidden {
	background: none;
	color: white;
}